@font-face {
    font-family: "OPPOSans";
    font-weight: 300;
    src: url(../font/OPPOSans-L-2.ttf);
}

@font-face {
    font-family: "OPPOSans";
    font-weight: 500;
    src: url(../font/OPPOSans-R-2.ttf);
}

@font-face {
    font-family: "OPPOSans";
    font-weight: 600;
    src: url(../font/OPPOSans-B-2.ttf);
}
@font-face {
    font-family: "SourceHanSerifCN";
    src: url(../font/SourceHanSerifCN-Medium.otf);
}


/* =====================================================================公共 */



/*滚动条宽高及背景*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/*轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #fff;
    border-radius: 0px;
}

/*滑块*/
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgb(0 0 0, .5);
}

/*两端按钮*/
::-webkit-scrollbar-button {
    background-color: none;
    height: 0;
}

/*右下角汇合处样式*/
::-webkit-scrollbar-corner {
    background: khaki;
}


/*  */

section {
    width: 100%;
    background-image: url(../images/body.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.inner {
    width: 90%;
    margin: 0 auto;
}

.padd {
    padding: 88px 0;
}

.paddB {
    padding: 98px 0;
    border-bottom: 1px solid #dddddd;
}

.Tit {
    margin-bottom: 60px;
    position: relative;
}

.Tit span {
    display: block;
    font-size: 52px;
    font-weight: 600;
    line-height: 1;
}


.Tit .titP {
    font-size: 18px;
    font-weight: 400;
    margin-top: 40px;
    color: #666;
}


.Tit.center {
    text-align: center;
}

.Tit.center span {
    justify-content: center;
}

.Tit.white span {
    color: #fff;
}

.Tit.white b {
    color: #fff;
}

.Tit.white b i {
    color: #fff;
    background-image: initial;
    background-clip: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.Tit.white p {
    color: rgba(255, 255, 255, .68);
}

.Tit.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.solCaseBoxCen .swiper-wrapper{
    justify-content: center;
}


.More a, .More small {
    position: relative;
    z-index: 99;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    padding: 14px 40px;
    border-radius: 80px;
    color: #fff;
    background: #0d2245;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all .48s;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
}

.More a:hover {
    letter-spacing: 4px;
}

.More.center {
    text-align: center;
}

/* .More a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #957041;
    transform-origin: right;
    transform: scaleX(0.2);
    opacity: 0;
    transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 1.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    z-index: -1;
} */



.More a img, .More b img, .More small img {
    width: 22px;
    margin-left: 20px;
}


.More.black a {
    color: #606465;
}

.More.white a {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .68) !important;
}

.More a .img2 {
    display: none;
}

.More.white a .img2 {
    display: block;
}

.More.white a .img1 {
    display: none;
}

.More.small a {
    padding: 6px 18px;
    background: none;
    border: 1px solid #957041;
}

.More.small a, .More.small b {
    font-size: 14px;
}

.More.small a img, .More.small b img {
    width: 16px;
    margin-left: 10px;
}

.More.small.white a, .More.small.white b {
    color: #fff;
}

/*  */


.more_s {
    overflow: hidden;
}

.More .more_s i {
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
    position: relative;
    display: block;
    transform: translateX(0);
}

.More .more_s i::before {
    position: absolute;
    top: 0;
    left: -160%;
    content: attr(data-mouse-hover-btn);
}

/*  */

.More a:hover::after {
    transform-origin: left;
    opacity: 1;
    transform: scaleX(1);
    transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -moz-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -ms-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -o-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}

.More a:hover .more_s i {
    transform: translateX(160%);
}

.More a:hover .more_s i:nth-child(1) {
    transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -webkit-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -moz-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -ms-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -o-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}

.More a:hover .more_s i:nth-child(2) {
    transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -webkit-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -moz-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -ms-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -o-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}

.More a:hover .more_s i:nth-child(3) {
    transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -webkit-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -moz-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -ms-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -o-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}

.More a:hover .more_s i:nth-child(4) {
    transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -webkit-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -moz-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -ms-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -o-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}

.More a:hover .img1 {
    display: none;
}

.More a:hover .img2 {
    display: block;
}

/* =====================================================index */

/* header */

.header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: all .48s;
}

.header.white {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header .inner {
    width: 94%;
}

.headerBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .48s;
}

.hLogo img {
    width: 180px;
}

.hLogo .img2 {
    display: none;
}


/*  */
.headR {
    display: flex;
    align-items: center;
}



/*  */
.hNav {
    width: 100%;
}

.hNav ul {
    width: 100%;
    display: flex;
    justify-content: center;
}

.hNav ul li {
    padding: 30px 30px;
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.hNav ul li a.nav_a:hover {
    color: #6a9ced !important;
}

.hNav ul li a.nav_a {
    font-size: 18px;
    color: rgb(255 255 255 / 80%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .48s;
}

.hNav ul li a.nav_a img {
    width: 20px;
    padding-left: 5px;
    display: none;
}

.hNav ul li a.nav_a .img2 {
    display: none !important;
}


.hNFl {
    margin-left: 60px;
}

.hNFl a {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid #fff;
    font-size: 18px;
    text-transform: uppercase;
}


.hNav ul li:hover::after {
    width: 100%;
}

/* 鼠标经过展开 */


.hNav ul li {
    position: relative;
}

.hNav_zk {
    position: absolute;
    top: 88px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #e5e5e5;
    border-top: 2px solid #0d2245;
    background-color: #fff;
    z-index: 100;
    box-sizing: border-box;
    white-space: nowrap;
    display: none;
}

.header.headerMain-bg .hNav_zk {
    top: 74px;
}

.hNav ul li .hNav_zk a {
    display: block;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    color: #333 !important;
    padding: 0 25px !important;
}

.headerMain-bg .hNav ul li .hNav_zk a {
    padding: 0 25px !important;
}

.hNav ul li .hNav_zk a:last-child {
    border-bottom: none;
}

.hNav ul li .hNav_zk a:hover {
    color: #0d2245;
    border-color: #0d2245;
}



/*  */

.hLan {
    display: flex;
    align-items: center;
}

.hLan a {
    padding: 12px 40px;
    color: #fff;
    background: #0d2245;
    border: 1px solid #0d2245;
    border-radius: 50px;
    font-size: 16px;
    white-space: nowrap;
    display: inline-block;
    margin-left: 30px;
}

.hLan a img {
    width: 18px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

.hLan a .img2 {
    display: none;
}

.hMenu.on {
    transform: rotate(90deg);
}

.hMenu {
    margin-left: 20px;
    transition: all .48s;
}

.hMenu a {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hMenu a svg {
    width: 26px;
    height: 26px;
}

.hMenu a svg path {
    fill: #333;
}


/* ====================== */


@keyframes showDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

.headerMain-bg.header .hNav ul li a.nav_a {
    padding-top: 0;
}

.headerMain-bg.header .headerBot .hLan {
    display: block;
}

/* 下拉导航 */

.headerNew {
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    transform: translateY(-100%);
    box-shadow: 0 0 10px rgb(155 155 155 / 18%);
    transition: all .68s;
}

.headerNew.headerN {
    transform: translateY(0%);
}

.headerNew.on {
    transform: translateY(0%);
}

.headerNew .headerNewBox {
    padding-left: 2%;
    padding-right: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerR {
    width: 50%;
    padding-right: 20px;
}

.JoinHead .headerR {
    width: 40%;
}

.headerRTop {
    padding: 15px 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerRTop .hNav {

    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.headerRTop .hNav a {
    margin-right: 30px;
}

.headerRTop .hLan a {
    color: #666;
    border: 1px solid #999;
    padding: 0px 8px;
    font-size: 12px;
}

.headerRBot .hNav ul li a.nav_a {
    padding: 0 0 20px;
    font-size: 18px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .48s;
}

.headerNew .menu {
    display: flex;
    width: 100px;
    height: 80%;
    border-left: 1px solid rgb(155 155 155 / 18%);
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
}

.headerNew .menu img {
    width: 30px;
}

.headerRBot .hNav ul li a.nav_a:hover {
    color: #957041;
}


/* 点击展开 */
.headZkM{
    display: none;
}

.headZk {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    transform: translateY(100%);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
}

.headZkBox {
    display: flex;
    justify-content: space-between;
}

.headZk_l {
    width: 280px;
    padding: 40px 0;
    /* padding-left: 80px; */
    background: #efeeee;
}

.headZk_l span {
    margin-bottom: 15px;
    cursor: pointer;
    display: block;
    font-size: 18px;
    line-height: 26px;
    padding: 18px 0 18px 80px;
    position: relative;
}


.headZk_l span.on {
    background-color: #fff;
    border-right: 3px solid #0d2245;
}

.headZk_l span.on::after {
    display: block;
}


/*  */
.headZk_r {
    width: calc(100% - 280px);
    display: flex;
    justify-content: space-between;
}

.headZk_cen {
    width: 100%;
    padding: 40px 80px;
    background: #f5f5f5;
}

.headZk_li {
    display: none;
}

.headZk_li:first-child {
    display: block;
}

.headZk_liBox {
    display: flex;
    justify-content: space-between;
}

.navZkXq_box {
    width: 100%;
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

.headZk_li span {
    width: 100%;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    display: block;
    margin-bottom: 20px;
}
.headZk_liM span {
    display: block;
    padding: 18px 0;
}
.headZk_liM span a{
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

.headZk_liM{
    display: none;
}
.headZk_liM:first-child{
    display: block;
}

.headZk_two ,.headZk_twoM{
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e0;
}
.headZk_two:hover{
    color: #6a9ced;
}
.headZk_twoM{
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #0d2245;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}
.headZk_twoM svg path{
    fill: #fff;
}

.headZk_two svg,
.headZk_twoM svg {
    width: 18px;
    height: 18px;
    transition: all .48s;
    /*transform: rotate(90deg);*/
}

.headZk_two.on {
    color: #6a9ced;
}

.headZk_two.on svg {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.headZk_twoM.on svg{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.headZk_dt {
    padding-top: 10px;
    padding-left: 10px;
}

.headZk_dt a {
    display: block;
    font-size: 14px !important;
    padding: 5px 0;
    /*text-decoration: underline;*/
}

.headZk_dt a:hover {
    color: #6a9ced;
}

/*  */

.headZk_img {
    width: 30%;
    padding-left: 5%;
    background: #fff;
    position: relative;
}

.headZk_img::after {
    content: '';
    width: 1px;
    height: 105%;
    border-right: 1px solid #dcdcdc;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.headZk_thr {
    padding-top: 116%;
}

/*  */

.headZk_item {
    width: calc(33.33% - 30px);
}

.headC_img {
    padding-top: 64%;
}

.headZk_item span {
    width: 100%;
    padding: 18px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 20px;
    font-weight: 600;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}

.headZk_item:hover span{
    color: #0d2245;
}

.headZk_item:hover .headC_img img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}


@media(max-width:1024px) {
    .navZkXq_box{
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 50px;
        column-gap: 50px;
    }
}
@media(max-width:680px) {
    .navZkXq_box{
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
    .headZk_li span {
        padding: 5px 0;
        margin-bottom: 10px;
    }

    .headZk_two, .headZk_twoM{
        padding: 5px 0;
    }

}

/* 下拉导航变化 */

.headerMain-bga.header {
    background: #0d2245;
    /*box-shadow: 0 0px 1px 0 rgb(0 0 0 / 20%);
    */
    box-shadow: 0 0 10px #ccc;
}
.headerMain-bg.header {
    background: #0d2245 !important;
    /*box-shadow: 0 0px 1px 0 rgb(0 0 0 / 20%);
    */
    box-shadow: 0 0 10px #ccc;
    transform: translateY(-100%);
    animation: show .48s 1s linear forwards;
    -webkit-animation: show .48s 1s linear forwards;
}

@keyframes show {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

.header.white {
    background: #0d2245;
    /* display: flex;
    justify-content: space-between; */
}


.header.white .hLan a.on {
    color: #fff;
}

.header.white .hLan::after {
    background: rgba(0, 0, 0, .3);
}

.header.white .img1 {
    display: none;
}

.headerMain-bg.header .img1 {
    display: none;
}

.headerMain-bg.header .img2 {
    display: inline-block !important;
}

.header.white .img2 {
    display: inline-block !important;
}

.headerMain-bg.header .hLan a svg path {
    fill: rgb(0 0 0 / 60%);
}

.header.white .hLan a svg path {
    fill: rgb(0 0 0 / 60%);
}

.headerMain-bg.header .hNav ul li a, .header.white .hNav ul li a {
    color: #fff;
    border-color: #999;
}

.headerMain-bg.header .hPhone a, .headerMain-bg.header .hLan a {
    color: #333;
    border-color: #fff;
    background: #fff;
}

.white.header .hPhone a, .white.header .hLan a {
    color: #333;
    border-color: #fff;
    background: #fff;
}

.headerMain-bg.header .hLan a.on {
    color: #fff;
}

.headerMain-bg.header .hPhone svg path, .header.white .hPhone svg path {
    fill: #333;
}

.headerMain-bg.header .hLan::after {
    background: rgba(0, 0, 0, .3);
}

.headerMain-bg .hMenu a {
    background: #333;
}

.headerMain-bg .hMenu a svg path {
    fill: #fff;
}

.header.white .hMenu a {
    background: #333;
}

.header.white .hMenu a svg path {
    fill: #fff;
}



/*900px导航*/

.headMenu {
    cursor: pointer;
    position: fixed;
    z-index: 99999;
    right: 0;
    display: none;
    margin-right: 12px;
}

.headMenu span {
    display: block;
    width: 26px;
    height: 2px;
    margin: 6px 0;
    background: #fff;
    -webkit-transition: all 0.48s ease-in-out;
    -moz-transition: all 0.48s ease-in-out;
    -ms-transition: all 0.48s ease-in-out;
    -o-transition: all 0.48s ease-in-out;
    transition: all 0.48s ease-in-out;
}

.headerMain-bg .headMenu span {
    background: #fff;
}

.headMenu.active span {
    background: #fff;
}

.headMenu.active span.headMenu_span1 {
    transform: rotate(45deg) translate(6px, 7px);
}

.headMenu.active span.headMenu_span2 {
    opacity: 0;
}

.headMenu.active span.headMenu_span3 {
    transform: rotate(-45deg) translate(4px, -6px);
}

.moHead_mlb {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    /* background-image: url(../images/bg3.jpg); */
    /* background: #eee; */
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    z-index: 99990;
    padding: 28px;
}

.moHead_mlb .moHead_ico {
    text-align: center;
}

.moHead_mlb .moHead_ico a:last-child {
    display: inline-block;
}

.moHead_mlb ul {
    padding: 68px 0;
}

.moHead_mlb li {
    font-size: 15px;
    line-height: 2;
    padding: 14px 0;
    border-bottom: 1px dotted rgba(27, 47, 95, 0.18);
}

.moHead_mlb a {
    color: #242b3e;
    letter-spacing: 1px;
    display: inline-block;
    width: 100%;
}

.moHead_mlb a svg {
    float: right;
    width: 21px;
    height: 24px;
    opacity: 0.8;
}

.moHead_mlb a svg path {
    fill: #242b3e;
}

.moHead_mlb .moHead_ico a {
    vertical-align: top;
    margin: 0 14px;
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    border: 1px solid rgba(27, 47, 95, 0.23);
}

.moHead_mlb .moHead_ico svg {
    width: 24px;
    height: 24px;
}

.moHead_mlb .moHead_ico svg path {
    fill: #242b3e;
}

.moHead_mlb .moHead_ico img, .moHead_mlb .moHead_ico svg {
    margin-top: 10px;
}

@media (max-width: 480px) {
    .moHead_mlb a {
        font-size: 18px;
    }
}


/* footer */

.footer {
    position: relative;
    padding: 60px 0 0;
    background: #111416;
}

.footer::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/footBg.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.68;
}

.footer .inner {
    position: relative;
    z-index: 2;
}

.footTop {
    overflow: hidden;
    padding-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

.footTop_img {
    width: 20%;
}

.footLogo img {
    width: 220px;
    padding-top: 20px;
}

/*  */

.footNav {
    width: 65%;
    z-index: 999;
}

.footNav ul {
    display: flex;
    justify-content: space-between;
}

.footNav ul li {
    position: relative;
}

.footNav ul li a {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 15px;
}

.footNav ul li a span {
    font-size: 18px;
    color: #fff;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative;
}

.footNav ul li a span::after {
    content: '';
    width: 110px;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: absolute;
    left: 0;
    bottom: 0;
}

/*  */

.footBox {
    margin: -140px 0 50px;
    position: relative;
}

.footFlex {
    display: flex;
}

.footEwm {
    display: inline-block;
    text-align: center;
    margin-right: 25px;
}

.footEwm img {
    width: 120px;
}

.footCon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footCon_li span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
}

.footCon_li span b {
    font-size: 26px;
    font-family: "SourceHanSerifCN";
    font-weight: 600;
    line-height: 1;
    color: #fff;
}

.footCon_li p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

/*  */

.footDz {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.footAdress span {
    color: #fff;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}

.footAdress p b {
    display: inline-flex;
    align-items: center;
    margin-right: 30px;
    color: rgba(255, 255, 255, 0.6);
}

.footAdress p b img {
    width: 14px;
    margin-right: 5px;
}


.footBut a {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 80px;
    padding: 8px 30px;
    color: #fff;
}

.footBut a img {
    width: 12px;
    margin-left: 5px;
}

/*  */
.footBot {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 35px 0;
}

.footBot p,
.footBot a {
    color: rgba(255, 255, 255, 0.6);
}

.footNav ul li a:hover {
    color: #fff;
}


/* ban */
.indBan {
    width: 100%;
    height: 100vh;
    position: relative;
}

.indBanBox {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
}

.indBan_xq {
    width: 100%;
    height: 100%;
}

.indBanBox .swiper-container {
    width: 100%;
    height: 100%;
}

.indBanImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.img_m {
    display: none;
}

.banImg {
    width: 100%;
    height: 100%;
    position: relative;
}

.banImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .16);
    position: absolute;
    left: 0;
    top: 0;
}

.banImg img,
.banImg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transition: all 8s;
}

.swiper-slide-active .banImg img {
    transform: scale(1);
}

.banText {
    white-space: nowrap;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.banText b {
    color: rgba(255, 255, 255, 0.8);
    font-size: 26px;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 20px;
}

.banText span {
    color: #fff;
    font-size: 52px;
    letter-spacing: 4px;

    line-height: 1;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

.banText p {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 50px;
}

.banText a {
    display: inline-block;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    padding: 12px 60px;
    font-size: 16px;
    color: #fff;
    margin: 0 10px;
}

.banText a img {
    width: 18px;
    margin-left: 10px;
}

.banText a.A {
    background: #0d2245;
    border-color: #0d2245;
}

.banText a:hover {
    background: #0d2245;
    border-color: #0d2245;
}

/*  */


.indBanBox .swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    border-radius: 0px;
    background: rgb(255 255 255 / 40%);
    opacity: .48;
}

.indBanBox .swiper-pagination-bullet-active {
    background: #0d2245;
    opacity: 1;
}



/*  */
.indBan_change {
    width: 18%;
    position: absolute;
    left: 50%;
    bottom: 8%;
    transform: translateX(-50%);
    z-index: 999;
}

.indBan_change::after {
    content: '';
    width: 110%;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: absolute;
    left: -5%;
    bottom: 15px;
}

.indBan_change .swiper-slide {
    text-align: center;
    padding-bottom: 20px;
    cursor: pointer;
}

.indBan_change span {
    color: #fff;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.indBan_change span::after {
    content: '';
    width: 0px;
    height: 2px;
    background: #fff;
    border-radius: 6px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.indBan_change .swiper-slide-thumb-active span::after {
    width: 16px;
}

.indBan_but {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 10px rgb(0 0 0 / 18%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.indBan_but img {
    width: 100%;
    height: 100%;
    padding: 35%;
    object-fit: contain;
}

.indBan_but.prev {
    left: 5%;
}

.indBan_but.next {
    right: 5%;
}

/* indSol */

.indSolDt_m {
    width: 100%;
    display: none;
}

.indSolBox {
    display: flex;
    justify-content: space-between;

}

.indSolItem {
    width: calc(25% - 15px);
    display: block;
    position: relative;
}

.indSolItem.big {
    width: 50%;
}

.indSolLi {
    display: block;
    cursor: pointer;
    margin-bottom: 15px;
}

.indSolLi:last-child {
    margin-bottom: 0;
}

.indSolImg {
    height: 225px;
    border-radius: 15px;
}

.indSolImg img {
    transform: scale(1.1);
}

.indSolImg::after,
.indSolDd::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent, rgb(255 122 3 / 40%));
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .48s;
}

.indSolImg.big {
    height: 680px;
}

.indSolImg.medium {
    height: 440px;
}

.indSolItem span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 35px;
    top: 40px;
}

.indSolItem dd img {
    display: block;
    width: 24px;
    height: auto;
    position: absolute;
    left: 35px;
    top: initial;
    bottom: 40px;
    opacity: 0;
    transform: translateY(100px);
    transition: all .48s;
}

/*  */
.indSolDt {
    width: 100%;
    height: 440px;
    margin-bottom: 15px;
}

.indSolDt .swiper-container {
    width: 100%;
    height: 100%;
}

.indSolDd {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.indSolDd img {
    transform: scale(1.1);
}

.indSol_div {
    display: flex;
    justify-content: space-between;
}

.indSol_div .indSolLi {
    width: calc(50% - 7.5px);
    margin-bottom: 0;
}

/*  */
.indSolDt .swiper-pagination {
    width: auto;
    left: initial;
    right: 30px;
    bottom: 20px;
}

.indSolDt .swiper-pagination-bullet {
    position: initial;
    display: inline-block;
}

.indSolDt .swiper-pagination-bullet-active {
    background: #0d2245;
}

/*  */
.indSolImg:hover img {
    transform: scale(1);
}

.indSolImg:hover::after {
    height: 30%;
}

.indSolDd:hover img {
    transform: scale(1);
}

.indSolDd:hover::after {
    height: 30%;
}

.indSolDd:hover dd img {
    opacity: 1;
    transform: translateY(0);
}

.indSolImg:hover dd img {
    opacity: 1;
    transform: translateY(0);
}


/* indPro */
.indPro {
    background: url(../images/indProBg.png) no-repeat;
    background-size: cover;
}

.indPro .Tit {
    margin-bottom: 40px;
}

.indProBox {
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
}

.indProItem {
    width: calc(25% - 15px);
    width: 25%;
    display: block;
    background: rgba(255, 255, 255, 0.8);
    padding: 45px 40px;
    position: relative;
    border-right: 1px solid #dddee3;
    border-bottom: 1px solid #dddee3;
    transition: all .48s;
}

.indProItem:nth-child(4n) {
    margin-right: 0;
    border-right: none;
}

.indProItem img {
    height: 50px;
    object-fit: contain;
    margin-bottom: 40px;
}

.indProItem span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 600;
}

.indProItem span img {
    width: 20px;
    height: auto;
    margin: 0 0 0 4px;
    transition: all .48s;
}

/*  */

.indProItem:hover {
    background: #fff;
    box-shadow: 0 0 30px 10px rgb(255 122 3 / 18%);
}

.indProItem:hover span img {
    transform: translateX(5px);
}


/* indNew */

.indNew {
    background: #f6f7f9;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.indNewBox {
    display: flex;
    justify-content: space-between;
}

/*  */
.indNewL {
    width: 55%;
    display: flex;
    justify-content: space-between;
}

.indNewLA {
    display: block;
    width: 52%;
    background: #fff;
    border-radius: 8px;
    padding: 30px;
}

.indNewImg {
    width: 100%;
    padding-top: 108%;
}

.indNewLA i {
    margin-top: 30px;
    font-family: "SourceHanSerifCN";
    display: block;
    font-size: 16px;
    color: #666;
}

.indNewLA p {
    margin-top: 5px;
    font-size: 22px;
    font-weight: 600;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}



/*  */

.indNewLB {
    width: calc(48% - 30px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.indNewText {
    display: block;
    height: calc(50% - 15px);
    background: #fff;
    border-radius: 8px;
    padding: 30px;
}

.indNewText_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.indNewText_top img {
    width: 36px;
}

.indNewText_top .img2 {
    display: none;
}

.indNew_time {
    /* width: 10%; */
    text-align: center;
}

.indNew_time b {
    font-size: 48px;
    line-height: 1.1;
    font-family: "SourceHanSerifCN";
    font-weight: 600;
    display: block;
}

.indNew_time i {
    font-size: 16px;
    line-height: 1;
    font-family: "SourceHanSerifCN";
    display: block;
}

.indNew_bot span {
    font-size: 22px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.indNew_bot p {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* ==================================== */

.indNewR {
    width: calc(45% - 30px);
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.indNewR_li {
    padding: 0 30px;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    position: relative;

}

.indNewR_li>div {
    display: flex;
    align-items: center;
    transition: all .48s;
}

.indNewR_li>div p {
    width: 80%;
    margin-left: 30px;
    font-size: 22px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.indNewR_li img {
    width: 36px;
}

/* sbjg */

.indNewLA:hover p {
    color: #0d2245;
}

.indNewLA:hover .indNewImg img {
    transform: scale(1.1);
}

.indNewText:hover .indNew_time b {
    color: #0d2245;
}

.indNewText:hover .indNew_time i {
    color: #0d2245;
}

.indNewText:hover .img2 {
    display: block;
}

.indNewText:hover .img1 {
    display: none;
}

.indNewR_li:hover>div {
    transform: scale(0.95);
}

.indNewR_li:hover .indNew_time b {
    color: #0d2245;
}

.indNewR_li:hover .indNew_time i {
    color: #0d2245;
}

@media(max-width:1680px) {
    .Tit span {
        font-size: 46px;
    }

    .padd {
        padding: 78px 0;
    }

    /* 解决方案 */
    .indSolImg.big {
        height: 580px;
    }

    .indSolDt,
    .indSolImg.medium {
        height: 385px;
    }

    .indSolImg {
        height: 180px;
    }

    .indSolItem span {
        font-size: 20px;
        top: 30px;
    }

    /* cp */
    .indProBox {
        margin-top: 60px;
    }

    .indProItem {
        padding: 40px 35px;
    }

    .indProItem img {
        height: 46px;
        margin-bottom: 35px;
    }

    .indProItem span {
        font-size: 18px;
    }

    /* new */
    .indNewLA p,
    .indNew_bot span,
    .indNewR_li>div p {
        font-size: 18px;
    }

    .indNewLA i {
        margin-top: 20px;
        font-size: 14px;
    }

    .indNew_time b {
        font-size: 38px;
    }

    .indNew_time i {
        font-size: 14px;
    }

    .indNewText_top img,
    .indNewR_li img {
        width: 28px;
    }

    .indNewLB {
        width: calc(48% - 20px);
    }

    .indNewText {
        height: calc(50% - 10px);
    }

    .indNewR {
        width: calc(45% - 20px);
    }
}

@media(max-width:1480px) {

    .padd {
        padding: 68px 0;
    }

    .More a,
    .More small,
    .indNewLi dd {
        font-size: 14px;
        padding: 12px 30px;
    }

    .Tit span {
        font-size: 42px;
    }

    .Tit {
        margin-bottom: 40px;
    }

    /*  */
    .headZk_l span {
        font-size: 16px;
        padding: 15px 0px 15px 80px;
        margin-bottom: 10px;
    }

    .headZk_li span {
        padding: 15px 0;
    }

    .headZk_two {
        font-size: 16px;
    }

    /*  */

    .hLogo img {
        width: 160px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    .hNav ul li {
        padding: 32px 20px;
    }


    .hLan a {
        padding: 10px 30px;
        font-size: 14px;
    }

    .hMenu a {
        width: 48px;
        height: 48px;
    }


    /* ban */
    .banText span {
        color: #fff;
        font-size: 46px
    }

    .banText b {
        font-size: 22px;
        letter-spacing: 1px;
        margin-bottom: 15px;
    }

    .banText p {
        font-size: 16px;
        margin-bottom: 35px;
    }


    /* footer */
    .footer {
        padding: 50px 0 0;
    }

    .footLogo img {
        width: 200px;
        padding-top: 10px;
    }

    .footNav ul li a span {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .footNav ul li a {
        margin-bottom: 10px;
    }

    /*  */
    .footBox {
        margin: -130px 0 40px;
    }

    .footCon_li span b {
        font-size: 21px;
    }

    .footEwm img {
        width: 100px;
    }

    /*  */
    .footBot {
        padding: 25px 0;
    }

    .footBot p,
    .footBot a {
        font-size: 12px;
    }



    /* 产品 */
    .indProItem img {
        height: 40px;
    }

    .indProItem {
        padding: 30px 25px;
    }

    .indProItem span {
        font-size: 16px;
    }

    .indProItem span img {
        width: 18px;
    }

    .indProBox {
        margin-top: 68px;
    }

    /* 解决方案 */
    .indSolImg.big {
        height: 540px;
    }

    .indSolDt,
    .indSolImg.medium {
        height: 365px;
    }

    .indSolImg {
        height: 160px;
    }

    .indSolItem span {
        font-size: 20px;
        top: 30px;
    }

    /* 新闻*/

}

@media(max-width:1368px) {
    .Tit span {
        font-size: 38px;
    }

    .Tit .titP {
        font-size: 18px;
        margin-top: 15px;
    }


    /*  */

    .headZk_l {
        width: 240px;
    }

    .headZk_l span {
        margin-bottom: 5px;
    }

    .headZk_r {
        width: calc(100% - 240px);
    }

    .headZk_cen {
        padding: 40px 40px;
    }

    .navZkXq_box {
        width: calc(70% - 40px);
    }

    /*  */
    .banText a {
        padding: 12px 45px;
        font-size: 14px;
    }


    /* 解决方案 */
    .indSolImg.big {
        height: 460px;
    }

    .indSolDt,
    .indSolImg.medium {
        height: 305px;
    }

    .indSolImg {
        height: 140px;
    }

    .indSolItem span {
        font-size: 16px;
        left: 20px;
        top: 20px;
    }

    /* cp */
    .indProItem img {
        height: 35px;
        margin-bottom: 25px;
    }

    /* new */
    .indNewLA,
    .indNewText {
        padding: 20px;
    }

    .indNewR_li {
        padding: 0 20px;
    }

    .indNewLA p,
    .indNew_bot span,
    .indNewR_li>div p {
        font-size: 16px;
    }

    .indNew_time b {
        font-size: 34px;
    }

    .indNewText_top {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .indNew_bot p {
        font-size: 12px;
    }

    /* foot */
    .footLogo img {
        width: 180px;
    }

    .footCon_li span b {
        font-size: 16px;
    }
}

@media(max-width:1200px) {
    .Tit span {
        font-size: 32px;
    }

    .Tit {
        margin-bottom: 34px;
    }

    .padd {
        padding: 50px 0;
    }



    /*  */
    .hLogo img {
        width: 140px;
    }

    .headerBox {
        padding: 10px 0;
    }

    .hNav ul li {
        padding: 0 15px;
    }

    .hNav ul li a.nav_a {
        font-size: 14px;
    }

    .hLan a {
        padding: 8px 20px;
        font-size: 12px;
    }

    .hLan a img {
        width: 14px;
        margin-left: 4px;
        top: -1px;
    }

    .hMenu a {
        width: 40px;
        height: 40px;
    }

    .hMenu a svg {
        width: 22px;
        height: 22px;
    }

    /*  */
    .banText b {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .banText span {
        font-size: 36px;
        letter-spacing: 8px;
        margin-bottom: 10px;
    }

    .banText p {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .banText a {
        padding: 8px 30px;
        font-size: 12px;
    }

    /* cp */
    .indProItem {
        padding: 25px 18px;
    }

    .indProItem img {
        height: 30px;
        margin-bottom: 20px;
    }

    .indProItem span {
        font-size: 14px;
    }

    .indProItem span img {
        width: 14px;
    }

    /* new */
    .indNewLA p,
    .indNew_bot span,
    .indNewR_li>div p {
        font-size: 14px;
    }

    .indNew_bot span {
        margin-bottom: 5px;
    }

    /* foot */
    .footNav {
        width: 75%;
    }

    .footLogo img {
        width: 140px;
        padding-top: 2px;
    }

    .footNav ul li a span {
        font-size: 14px;
        padding-bottom: 8px;
        margin-bottom: 10px;
    }

    .footNav ul li a {
        font-size: 12px;
    }

    .footBox {
        margin: -30px 0 30px;
    }

    .footEwm {
        margin-right: 15px;
    }

    .footEwm img {
        width: 80px;
    }

    .footCon_li span {
        font-size: 12px;
    }

}

@media(max-width:1024px) {

    .More a,
    .More small,
    .indNewLi dd {
        font-size: 12px;
        padding: 10px 30px;
    }

    /*  */
    .indBan {
        height: 64vh;
    }

    .headerBox {
        padding: 15px 0;
    }

    /* cp */
    .indProItem {
        width: 50%;
        padding: 30px 30px;
    }

    .indProItem:nth-child(4n) {
        border-right: 1px solid #dddee3;
    }

    .indProItem:nth-child(2n) {
        margin-right: 0;
        border-right: none;
    }

    /*  */
    .indNewL {
        width: 100%;
    }

    .indNewImg {
        padding-top: 68%;
    }

    .indNewR {
        display: none;
    }

    /* foot */
    .footTop_img {
        display: none;
    }

    .footFlex {
        display: none;
    }

    .footNav {
        width: 100%;
    }

    .footDz {
        align-items: center;
    }

    .footBut {
        white-space: nowrap;
    }
}

@media(max-width:900px) {

    /* 解决方案 */
    .indSolDt,
    .indSolImg.medium {
        height: auto;
    }

    .indSolDd img {
        transform: scale(1);
    }

    .indSolBox {
        display: none;
    }

    .indSolDt_m {
        display: block;
    }

    .indSolDd {
        padding-top: 60%;
    }

    .indSolDd span {
        position: absolute;
        left: 30px;
        top: 30px;
        color: #fff;
        z-index: 2;
        font-size: 20px;
    }

    .indSolDd dd {
        display: none;
    }

    /* foot */
    .footer {
        overflow: hidden;
    }
}

@media(max-width:768px) {
    .banText b {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .banText span {
        font-size: 28px;
        letter-spacing: 4px;
        margin-bottom: 10px;
    }

    .banText p {
        font-size: 12px;
        letter-spacing: 0;
        margin-bottom: 20px;
    }


    /*  */
    .indNewL {
        flex-wrap: wrap;
    }

    .indNewLA {
        width: 100%;
        margin-bottom: 20px;
    }

    .indNewLB {
        width: 100%;
    }

    /* foot */
    .footTop {
        display: none;
    }

    .footDz {
        margin-top: 20px;
    }

    .footBut {
        display: none;
    }
}

@media(max-width:680px) {
    .padd {
        padding: 35px 0;
    }

    .Tit .titP {
        font-size: 14px;
    }

    .Tit span {
        font-size: 28px;
    }

    .Tit {
        margin-bottom: 28px;
    }

    /*  */
    .indBan {
        height: 54vh;
    }

    .banText b {
        font-size: 14px;
    }

    .banText span {
        font-size: 20px;
        letter-spacing: 1px;
        margin-bottom: 6px;
    }

    .banText p {
        text-transform: initial;
    }

    /* sol */
    .indSolDt_m {
        margin-bottom: 0;
    }

    .indSolDd span {
        left: 20px;
        top: 20px;
        font-size: 18px;
    }

    .swiper-pagination-bullet,
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px;
    }

    .indSolDt .swiper-pagination {
        right: 20px;
        bottom: 10px;
    }

    /* pro */
    .indPro .Tit {
        text-align: center;
        margin-bottom: 28px;
    }

    .indPro .More {
        text-align: center;
    }

    .indProBox {
        margin-top: 30px;
    }

    .indProItem {
        width: 50%;
        padding: 20px 15px;
    }

    .indProItem span {
        align-items: flex-start;
    }

    .indProItem span img {
        margin-left: 10px;
        position: relative;
        top: 2px;
    }

    /* foot */
    .footer {
        padding: 20px 0 0;
    }

    .footDz {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .footBox {
        margin: 0 0px;
    }

    .footAdress p b {
        margin-bottom: 5px;
    }

    .footBot {
        padding: 15px 0;
    }
}

/* =================================================================================index end */



/* ======================================================================内页公共 */

.header.headerN {
    background: #0d2245;
}


.header.headerN .hLan a.on {
    color: #fff;
}

.header.headerN .hLan::after {
    background: rgba(0, 0, 0, .3);
}

.header.headerN .img1 {
    display: none;
}

.header.headerN .img2 {
    display: inline-block !important;
}

.header.headerN .hLan a svg path {
    fill: rgb(0 0 0 / 60%);
}

.header.headerN .hNav ul li a {
    color: #fff;
    border-color: #999;
}

.headerN.header .hPhone a, .headerN.header .hLan a {
    color: #333;
    border-color: #fff;
    background: #fff;
}

.header.headerN .hPhone svg path {
    fill: #333;
}


.header.headerN .hMenu a {
    background: #333;
}

.header.headerN .hMenu a svg path {
    fill: #fff;
}


/* banN */
.banN {
    width: 100%;
    height: 70vh;
    position: relative;
}

.banNBox {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
}

.banNImg {
    width: 100%;
    height: 100%;
    position: relative;
}

.banNImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .16);
    position: absolute;
    left: 0;
    top: 0;
}

.banNImg img,
.banNImg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 8s;
}

.banNText {
    white-space: nowrap;
    position: absolute;
    left: 8%;
    top: 55%;
    transform: translateY(-50%);
    z-index: 2;
}


.banNText span {
    color: #fff;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 5px;
    line-height: 1;

    display: block;
    margin-bottom: 30px;
}

.banNText p {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    display: block;
    margin-bottom: 60px;
}


/* dw */


.header.on {
    transform: translateY(-100%) !important;
}

.dwNav.fixed {
    position: fixed;
    top: 0;
    z-index: 999;
}

.section {
    transition: all .48s;
}

.section.on {
    margin-top: 90px;
}


.dwNav.fixed {
    position: fixed;
    top: 0;
    z-index: 999;
}

.section {
    transition: all .48s;
}

.section.on {
    margin-top: 90px;
}


.dwNav {
    width: 100%;
    padding: 26px 0;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}


.pdwNav {
    width: 100%;
    padding: 26px 0;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}

.dwNav .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pdwNav .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dwNavL {
    display: flex;
    align-items: center;
    color: #8b8e95;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}
.dwNavL img{
    width: 18px;
    height: 18px;
}

.dwNavL i{
    margin-top: 0.35rem;
    margin-left: 1.375rem;
    margin-right: 1.375rem;
    margin-bottom: 0.1875rem;
    background-image: url(../images/icon-dropdown-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 10px;
    width: 6px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.dwNavL svg {
    width: 13px;
    height: 13px;
    margin-right: 5px;
}

.dwNavL svg.icon2 {
    margin: 0 15px;
}

svg path {
    fill: #8b8e95;
}

.dwNav span{
    color: #0d2245;
}
.dwNavL a:hover{
    color: #0d2245;
}
.dwNavL a {
    font-size: 14px;
    font-weight: 400;
    color: #8b8e95;
    position: relative;
}

.dwNav ul {
    display: flex;
}

.dwNav ul li {
    margin-right: 68px;
}

.pdwNav ul {
    display: flex;
}

.pdwNav ul li {
    margin-right: 68px;
}

.dwNav ul li a {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    position: relative;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}

.dwNav ul li a:hover{
    color: #c7000b;
}

.dwNav ul li a:hover::after{
    width: 100%;
}

.pdwNav ul li a {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    position: relative;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}

.pdwNav ul li a:hover{
    color: #c7000b;
}

.pdwNav ul li a:hover::after{
    width: 100%;
}

.dwNav ul li a::after {
    content: '';
    width: 0;
    height: 2px;
    background: #c7000b;
    position: absolute;
    left: 50%;
    bottom: -28px;
    transform: translateX(-50%);
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}

.dwNav ul li.on a {
    color: #c7000b;
    font-weight: 500;
}

.dwNav ul li.on a::after {
    width: 100%;
}

.pdwNav ul li a::after {
    content: '';
    width: 0;
    height: 2px;
    background: #c7000b;
    position: absolute;
    left: 50%;
    bottom: -28px;
    transform: translateX(-50%);
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}

.pdwNav ul li.on a {
    color: #c7000b;
    font-weight: 500;
}

.pdwNav ul li.on a::after {
    width: 100%;
}

@media(max-width:1680px) {
    .dwNav {
        padding: 30px 0;
    }
    .pdwNav {
        padding: 30px 0;
    }
}

@media(max-width:1480px) {
    .dwNav ul li {
        margin-left: 48px;
    }

    .pdwNav ul li {
        margin-left: 48px;
    }
}

@media(max-width:1368px) {

    .dwNavL {
        font-size: 14px;
    }

    .dwNavL a {
        font-size: 14px;
    }

    .dwNavL svg {
        width: 14px;
        height: 14px;
    }

    .dwNavL svg.icon2 {
        margin: 0 10px;
    }

    .dwNav ul li a {
        font-size: 14px;
    }

    .pdwNav ul li a {
        font-size: 14px;
    }
}

@media(max-width:1200px) {}

@media(max-width:1024px) {
    .dwNav {
        display: none;
    }

    .pdwNav {
        display: none;
    }
}


/* =================================================================走进叙简 */

.videoTc {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}

.videoTcClose {
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.68);
    position: absolute;
    left: 0;
    top: 0;
}

.videoTcBox {
    width: 60%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.abJjVid {
    width: 100%;
    padding-top: 56%;
    border-radius: 20px;
    position: relative;
}

.abJjVid video {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.close {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer;
}

.close img {
    width: 40px;
}

/*  */

.abJj .Tit p {
    font-size: 18px;
    line-height: 2;
    margin-top: 40px;
}

.abJjBox {
    width: 100%;
}

.abJjText {
    width: 50%;
    width: 100%;
    background: url(../images/about_bg.jpeg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: -35%;

    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.abJjText_l {
    width: 500px;
}

.abJjText_r {
    width: calc(100% - 520px);
}

.abJjText p {
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 30px;
}

/*  */


.abJjImg {
    /*width: 45%;
    padding-top: 13%;
    */
    width: 100%;
    padding-top: 26%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.abJjImg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.planOne_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.48s;
    cursor: pointer;
}

.planOne_play.on {
    opacity: 0;
}

.planOne_play img {
    width: 60px;
    height: auto;
    position: initial;
}

/*  */

.abShuju {
    width: 100%;
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}

.abShuju_li {
    width: 33.33%;
    text-align: center;
    position: relative;
}

.abShuju_li::after {
    content: '';
    width: 1px;
    height: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.abShuju_li:last-child::after {
    display: none;
}

.abShuju_li span {
    display: block;
    width: 100%;
    font-size: 26px;
    line-height: 1;
    font-weight: 600;
    font-family: "SourceHanSerifCN";
    color: #0d2245;
    margin-bottom: 8px;
}

.abShuju_li span b {
    font-size: 50px;
    line-height: 1;
    font-weight: 600;
    font-family: "SourceHanSerifCN";
    color: #0d2245;
}

.abShuju_li p {
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    color: #333333;
}


/* 发展历程 */

.abHis {
    background: url(../images/abHis_bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.abHis .Tit {
    position: relative;
    z-index: 2;
}

.abHisBox {
    padding: 0 12% 0 5%;
    position: relative;
    z-index: 2;
}

.abHisBox::after {
    content: '';
    width: 100%;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.abHisItem {
    display: block;
    position: relative;
}

.abHisItem::after {
    content: '';
    width: 15px;
    height: 15px;
    background: rgb(255 255 255 / 90%);
    border-radius: 50%;
    position: absolute;
    left: 14%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.abHisItem::before {
    content: '';
    width: 15px;
    height: 15px;
    background: rgb(255 255 255 / 30%);
    border-radius: 50%;
    position: absolute;
    left: 14%;
    top: 50%;
    transform: translateY(-50%) scale(1.2);
    animation: big 4s linear infinite;
    z-index: 2;
}

@keyframes big {
    0% {
        transform: translateY(-50%) scale(1.2);
    }

    50% {
        transform: translateY(-50%) scale(1.6);
    }

    100% {
        transform: translateY(-50%) scale(1) scale(1.2);
    }
}

.abHisTop,
.abHisBot {
    height: 240px;
    padding: 30px 0;
}

.abHisTop {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.abHisItem i {
    display: block;
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    font-family: "SourceHanSerifCN";
    color: #fff;
}

.abHisTop i {
    padding-top: 20px;
    border-top: 1px solid rgb(255 255 255 / 40%);
}

.abHisBot i {
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(255 255 255 / 40%);
}

.abHisItem span {
    margin: 20px 0;
    display: block;
    font-size: 18px;
    color: rgba(255, 255, 255, .9);
}

.abHisBut {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}

.abHisBut a {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(255 255 255 / 90%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
}

.abHisBut a img {
    width: 20px;
}

/* 合作 */
.abHz {
    padding: 140px 0 0;
}

.abHzBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.abHzL {
    width: 36%;
}

.abHzL .Tit {
    padding-bottom: 30px;
    margin-bottom: 160px;
    border-bottom: 1px solid #ddd;
}

.abHzL_time {
    display: flex;
    align-items: flex-start;
}

.abHzL_time i {
    font-size: 100px;
    font-weight: 600;
    line-height: 1;
    font-family: "SourceHanSerifCN";
    color: #0d2245;
}

.abHzL_time b {
    font-size: 30px;
    font-weight: 600;
    margin-left: 5px;
    color: #0d2245;
}

.abHzL_text span {
    display: block;
    margin: 20px 0 20px;
    font-size: 36px;
}

.abHzL_text p {
    font-size: 18px;
    line-height: 2;
}

.abHzR {
    width: 58%;
}

.abHzR {
    display: flex;
    justify-content: center;
    align-items: center;
}

.abHzImgBox {
    width: 75%;
    padding-top: 75%;
    position: relative;
}

.abHzY1 {
    width: 80%;
    height: 80%;
    border-radius: 50%;
    border: 1px solid #ef9d60;
    position: absolute;
    left: 10%;
    top: 10%;
}

.abHzY2 {
    width: 60%;
    height: 60%;
    border-radius: 50%;
    border: 1px solid #ef9d60;
    position: absolute;
    left: 20%;
    top: 20%;
}

.abHzYuan {
    width: 32%;
    height: 32%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.abHzYuan i {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 30px;
    background: #0d2245;
    box-shadow: 0 0 15px rgb(255 122 3 / 18%);
}

.abHzYuan i img,
.abHzY2 span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.abHzY2 span {
    width: 24%;
    height: 24%;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    position: absolute;
    animation: shan 3s linear infinite;
}

@keyframes shan {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.abHzY2 .i1 {
    left: 50%;
    top: -12%;
}

.abHzY2 .i2 {
    left: -10%;
    top: 46%;
}

.abHzY2 .i3 {
    right: -5%;
    top: 55%;
}

.abHzY2 .i4 {
    left: 15%;
    bottom: -4%;
}

/*  */
.abHzY1 .iB {
    width: 14%;
    height: 14%;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    position: absolute;
    animation: shan1 2s linear infinite;
}

@keyframes shan1 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.abHzY1 .iB img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.abHzY1 .iB1 {
    left: 30%;
    top: -7%;
}

.abHzY1 .iB2 {
    left: 2%;
    top: 15%;
}

.abHzY1 .iB3 {
    right: 10%;
    top: 5%;
}

.abHzY1 .iB4 {
    right: -7%;
    bottom: 50%;
}

.abHzY1 .iB5 {
    left: -3%;
    bottom: 24%;
}

.abHzY1 .iB6 {
    left: 20%;
    bottom: -1%;
}

.abHzY1 .iB7 {
    right: 43%;
    bottom: -6%;
}

.abHzY1 .iB8 {
    right: 14%;
    bottom: 4%;
}

/*  */

.abHzImgBox .iC {
    width: 11.5%;
    height: 11.5%;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    position: absolute;
    animation: shan2 4s linear infinite;
}

@keyframes shan2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.abHzImgBox .iC img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.abHzImgBox .iC1 {
    left: 48%;
    top: -10%;
}

.abHzImgBox .iC2 {
    left: 5%;
    top: 2%;
}

.abHzImgBox .iC3 {
    right: 14%;
    top: -2%;
}

.abHzImgBox .iC4 {
    right: -8%;
    bottom: 70%;
}

.abHzImgBox .iC5 {
    left: -6%;
    bottom: 52%;
}

.abHzImgBox .iC6 {
    left: 1%;
    bottom: 13%;
}

.abHzImgBox .iC7 {
    right: -7%;
    bottom: 35%;
}

.abHzImgBox .iC8 {
    right: -2%;
    bottom: 16%;
}

.abHzImgBox .iC9 {
    left: -14%;
    bottom: 31%;
}

.abHzImgBox .iC10 {
    left: -14%;
    top: 15%;
}

.abHzImgBox .iC11 {
    left: 15%;
    bottom: -6%;
}

.abHzImgBox .iC12 {
    right: 30%;
    bottom: -5%;
}

.abHzImgBox .iC13 {
    left: 23%;
    top: -10%;
}

.abHzImgBox .iC14 {
    left: 30%;
    top: 24%;
}

/*  */


/* 荣誉 */
.abRyu {
    background: #f6f8fa;
}

.abRyuUl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}

.abRyuUl span {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    border-radius: 100px;
    position: relative;
    background: #E7EAEC;
    color: #A3A5A7;
    padding: 0px 0px;
    line-height: 50px;
    font-size: 16px;
    letter-spacing: 1px;
    width: 160px;
    margin: 0 10px;
}

.abRyuUl span.on {
    background: #0d2245;
    color: #fff;
}

.abRyuBox:first-child {
    display: block;
}

.abRyuBox {
    display: none;
}

.abRyuBox .swiper-slide {
    padding: 10px;
}

.abRyuItem {
    padding: 40px 35px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.abRyuItem i {
    display: block;
    font-family: "SourceHanSerifCN";
    font-weight: 600;
    font-size: 18px;
}

.abRyuItem p {
    width: 90%;
    display: block;
    font-size: 20px;
    min-height: 64px;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 15px 0 60px;
}

.abRyuImg {
    margin-left: 20%;
    width: 80%;
    padding-top: 74%;
}

.abRyuImg img {
    object-fit: contain;
    bottom: 0;
}


.abRyu_but {
    width: 25%;
    margin: 60px auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.abRyu_but::before {
    content: '';
    width: 150%;
    height: 1px;
    border-bottom: 1px solid #eeece1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-110%, -50%);
}

.abRyu_but::after {
    content: '';
    width: 150%;
    height: 1px;
    border-bottom: 1px solid #eeece1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(110%, -50%);
}

.abRyu_but a {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #0d2245;
    display: flex;
    justify-content: center;
    align-items: center;
}

.abRyu_but a img {
    width: 24px;
}

.abRyu_but a.prev {
    transform: rotate(180deg);
}

.abRyu_but .swiper-pagination {
    width: 20%;
    position: initial;
    font-family: "SourceHanSerifCN";
    font-weight: 600;
}

.abRyu_but .swiper-pagination span {
    font-size: 16px;
    font-family: "SourceHanSerifCN";
    font-weight: 600;
}

.abRyu_but span.swiper-pagination-current {
    color: #0d2245;
    font-size: 21px;
}


/*  */
.abRyuItem:hover p {
    color: #0d2245;
}

/* 荣誉数据 */



@media(max-width:1200px) {
    .videoTcBox {
        width: 80%;
    }

    .indHj_changeBox {
        margin: 60px auto 0;
    }

    .abHzL .Tit {
        margin-bottom: 80px;
    }

    .indWeb_txt {
        margin: 30px 0 40px;
    }
}

@media(max-width:1024px) {
    .abHzL .Tit {
        margin-bottom: 30px;
    }

    .abHzBox {
        flex-wrap: wrap;
    }

    .abHzL {
        width: 100%;
        margin-bottom: 100px;
    }

    .abHzR {
        width: 100%;
    }

    .abHzYuan i {
        padding: 25px;
    }

    /*  */
    .abHz.padd {
        padding: 50px 0 0;
    }

    .indHj_changeBox {
        margin: 80px auto 0;
    }

    .indHj_change .scroll-content {
        padding: 10px 0;
    }

    /* .indHjChange p {
        font-size: 16px;
    } */

    /* ryu */
    .abShuju_li span b {
        font-size: 28px;
    }

    .abRyu_flex {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .abRyu_l {
        width: 100% !important;
        text-align: center;
        margin-bottom: 20px;
    }

    .abRyuUl {
        justify-content: center !important;
    }

    .abShuju {
        width: 100% !important;
    }

    .abRyuItem p {
        margin: 10px 0 40px;
    }

    /*  */

}


/* 组织架构 */

.abZz {
    position: relative;
}

.abZz .Tit {
    position: absolute;
    left: 50%;
    top: 9%;
    transform: translateX(-50%);
}

.abZz img {
    width: 100%;
}

.abZz_m {
    display: none;
}

/* 公益活动 */

.abGyi .Tit .titP {
    width: 60%;
    margin: 40px auto 0;
}

.js_abGyiImg {
    width: 100%;
    border-radius: 20px;
    position: relative;
}

.js_abGyiImg::after {
    content: '';
    width: 100%;
    height: 100%;

    background: linear-gradient(to bottom, transparent, rgb(0, 0, 0, 0.48));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.abGyiImg {
    width: 100%;
    padding-top: 36%;
    padding-top: 50%;
    border-radius: 20px;
    overflow: hidden;
}

.abGyiImg img {
    object-position: center;
    border-radius: 20px;
}

.abGyiText {
    width: 90%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px;
    z-index: 3;
}

.abGyiText p {
    color: #fff;
    font-size: 24px;
}

.js_abGyiImg .swiper-pagination {
    width: auto;
    left: initial;
    right: 30px;
    bottom: 30px;
    z-index: 4;
}

.js_abGyiImg .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 4px;
}

.js_abGyiImg .swiper-pagination-bullet-active {
    background: #0d2245;
}


.js_abGyiBut {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #0d2245;
    box-shadow: 0 0 10px rgb(255, 255, 255, 0.48);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.js_abGyiBut img {
    width: 30px;
}

.js_abGyiBut.prev {
    left: 5%;
}

.js_abGyiBut.next {
    right: 5%;
}

@media(max-width:1480px) {

    .abGyiText {
        padding: 25px;
    }

    .abGyiText p {
        font-size: 20px;
    }

    .js_abGyiBut {
        width: 45px;
        height: 45px;
    }

    .js_abGyiBut img {
        width: 20px;
    }

    .js_abGyiImg .swiper-pagination {
        right: 25px;
        bottom: 25px;
    }

    .js_abGyiImg .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 6px !important;
    }

    /*  */

    .videoTcBox {
        width: 70%;
    }

    .close {
        bottom: 5%;
    }

    .close img {
        width: 36px;
    }
}




@media(max-width:1680px) {

    /*  */

    .abJjText p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .planOne_play img {
        width: 40px;
    }

    .abShuju_li span b {
        font-size: 40px;
    }

    .abShuju_li span {
        font-size: 20px;
    }

    .abShuju_li p {
        font-size: 18px;
    }

    /*  */

    .abHisTime span {
        font-size: 26px;
    }

    .abHisItem i {
        display: block;
        font-size: 48px;
    }

    .abHisItem span {
        margin: 10px 0;
        font-size: 20px;
    }

    /*  */
    .abHzL_time i {
        font-size: 68px;
    }

    .abHzL_time b {
        font-size: 24px;
    }

    .abHzL_text span {
        margin: 15px 0 15px;
        font-size: 26px;
    }

    .abHzL_text p {
        font-size: 16px;
        line-height: 2;
    }


    .abHzL .Tit {
        padding-bottom: 25px;
        margin-bottom: 100px;
    }

    .abHzY1 .iB6 {
        display: none;
    }

    /*  */
    .abRyuUl span {
        line-height: 40px;
        font-size: 14px;
        width: 125px;
    }

    .abRyuUl {
        margin-bottom: 40px;
    }

    .abRyuItem {
        padding: 30px 25px;
    }

    .abRyuItem p {
        width: 100%;
        font-size: 16px;
        margin: 10px 0 60px;
    }

    .abRyu_but a {
        width: 40px;
        height: 40px;
    }

    /*  */

    .abGyiText {
        width: 100%;
        padding: 25px 25px;
    }

    .abGyiText span {
        font-size: 18px;
        margin: 10px 0 30px;
        min-height: 58px;
    }

    .abGyiText dd {
        font-size: 14px;
    }
}

@media(max-width:1480px) {
    .abHisItem i {
        display: block;
        font-size: 36px;
    }

    .abHisItem span {
        margin: 10px 0;
        font-size: 16px;
    }

    .abHisTop,
    .abHisBot {
        height: 200px;
        padding: 30px 0;
    }

    .abHisBut a {
        width: 40px;
        height: 40px;
    }

    .abHisBut a img {
        width: 16px;
    }

    .abShuju {
        margin-top: 60px;
    }

    .abHisBox::after {
        height: 3px;
    }

    /*  */

    .indWeb_txt {
        width: 100%;
        margin: 50px 0 60px;
    }

    .indWeb_txt li {
        display: inline-block;
        position: relative;
        padding: 20px 40px;
    }

    .indWeb_txt span {
        font-size: 42px;
    }

    /*  */

    .abRyuImg {
        margin-left: 20%;
        width: 80%;
    }

    /*  */

    .abGyi .Tit .titP {
        font-size: 16px;
    }

    .abGyi .Tit .titP {
        width: 60%;
        margin: 30px auto 0;
    }

    .abGyi_text span {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .abGyi_text b {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .abGyi_text p {
        width: 100%;
        font-size: 16px;
        margin-bottom: 30px;
    }

}

/* =========================加入我们 */
.joinLnBox {
    display: flex;
    justify-content: space-between;
}

.joinLnL {
    width: calc(50% - 5px);
}

.joinLnL .joinLnImg {
    padding-top: 80%;
}

.joinLnR {
    width: calc(50% - 5px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.joinLn_top {
    height: calc(50% - 5px);
}

.joinLn_top .joinLnImg {
    height: 100%;
}

.joinLn_bot {
    height: calc(50% - 5px);
    display: flex;
    justify-content: space-between;
}

.joinLn_bot .joinLnImg {
    width: calc(50% - 5px);
    height: 100%;
}

.joinLnImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent, rgb(0 0 0 / 30%));
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .48s;
}

.joinLnText {
    padding: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.joinLnText h5 {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    z-index: 2;
    margin-bottom: 20px;
}

.joinLnText span {
    font-size: 24px;
    color: #fff;
}

.joinLnText p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    z-index: 2;
}

@media(min-width:1024px) {
    .joinLnImg:hover img {
        transform: scale(1.1);
    }

    .joinLnImg:hover::after {
        height: 30%;
    }
}

/* 招聘 */
.joinGw {
    background: #f6f8fa;
}

.hrZp_li {
    border-radius: 2px;
    background: #fff;

    border-bottom: 1px solid #f0f0f0;
}

.hrZp_head {
    background: #0d2245;
}

.hrZp_head span {
    color: #fff !important;
}

.hrZp_div {
    width: 100%;
    padding: 0 60px;
    height: 80px;
    border-radius: 1000px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.hrZp_span {
    flex: 1;
}

.hrZp_span span {
    color: #666;
    font-size: 18px;
    font-weight: bold;
}

.hrZp_span b {
    color: #0d2245;
    font-weight: bold;
    font-size: 18px;
}

.hrZp_span i {
    display: block;
}

.hrZp_one span {
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

.hrZp_R {
    flex: 0.5;
    text-align: center;
}


/*  */
.hrZp_R {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hrZp_R b {
    color: #fff;
    font-weight: 600;
    margin-right: 20px;
    font-size: 16px;
}

.hrZp_R span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 30px;
    border: 1px solid #ebe9e6;
    box-shadow: 0 15px 30px -10px rgb(97 97 97 / 15%);
    border-radius: 1000px;
    font-size: 14px;
    color: #0d2245;
    transition: all .48s;
}

.hrZp_R svg {
    width: 16px;
    height: 16px;
    transition: all .48s;
}

.hrZp_R svg path {
    fill: #666;
}

.hrZp_div.on .hrZp_R svg {
    transform: rotate(90deg) translateX(-5px);
}

/*  */
.hrZp_zk {
    width: 100%;
    padding: 60px;
    border-top: 1px solid rgba(118, 108, 172, 0.2);
    display: none;
}

.hrZp_zk .list {
    display: inline-block;
    width: 48%;
    vertical-align: text-top;
}

.hrZp_zk .list:first-child {
    margin-right: 3%;
}

.hrZp_zk .list .mc {
    font-size: 18px;
    color: #0d2245;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
}

.hrZp_zk .list .list_p {
    font-size: 16px;
    color: #666666;
    line-height: 2.2;
}

.hrZp_zk a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 80px;
    border: 1px solid #ebe9e6;
    box-shadow: 0 15px 30px -10px rgb(97 97 97 / 15%);
    border-radius: 1000px;
    font-size: 20px;
    color: #0d2245;
    transition: all .48s;
}

.hrZp_zk a svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.hrZp_zk a svg path {
    fill: #0d2245;
}

.hrZp_zk a:hover {
    color: #fff;
    background: #0d2245;
    border-color: #0d2245;
}

.hrZp_zk a:hover svg path {
    fill: #fff;
    transition: all .48s;
}

/* 翻页 */

.conHrBox .Fanye {
    width: 100%;
    padding: 0;
}

.Fanye {
    width: 70%;
    margin: 60px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Fanye_a {
    display: inline-block;
    padding: 10px 60px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    background: #fff;
    font-weight: bold;
}

.FanyeXq a {
    font-weight: bold;
    font-size: 14px;
    margin: 0 15px;
}

.FanyeXq a.on {
    color: #d50618;
}

.FanyeXq a:hover {
    color: #d50618;
}

.Fanye_a:hover {
    background: #0d2245;
    color: #fff;
}


/*  */
@media (max-width:1480px) {
    .conTop_li img {
        height: 30px;
        margin-bottom: 15px;
    }

    .conTop_li span {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .conTop_li i {
        font-size: 18px;
        margin-bottom: 0;
    }

    .conTop_li p {
        font-size: 12px;
    }

    .conTop {
        padding-top: 20px;
        margin-bottom: 60px;
    }

    /*  */
    .conBot_tit {
        font-size: 30px;
        margin-bottom: 30px;
    }
}

@media(max-width:1680px) {

    .joinLnText p {
        font-size: 16px;
    }

    .joinLnText h5 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .joinLnText span {
        font-size: 20px;
    }

    .joinLnText {
        padding: 25px;
    }

    /*  */

    .hrZp_span span {
        font-size: 16px;
    }

    .hrZp_one span {
        font-size: 16px;
    }

    .hrZp_div {
        padding: 0 40px;
        height: 72px;
    }
}


/* =======================服务支持 */
.abFwZc .Tit {
    width: 70%;
    margin: 0 auto;
}

.abFwZcBox {
    padding: 0 2%;
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
}

.abFwZcItem {
    width: calc(25% - 30px);
    position: relative;
    box-shadow: 0 2px 20px rgb(0 0 0 / 10%);
    background-color: #fff;
    border-radius: 20px;
    padding: 75px 40px 100px;
    text-align: center;
}

.abFwZcItem i {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background-color: #fff;
    box-shadow: 0 2px 20px rgb(0 0 0 / 10%);
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .48s;
}

.abFwZcItem i svg {
    width: 48px;
    height: auto;
    transition: all .48s;
}

.abFwZcItem i svg path {
    fill: #0d2245;
}

.abFwZcItem span {
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
}

.abFwZcItem p {
    line-height: 1.8;
    color: #666;
}

.abFwZcItem p a {
    font-size: 20px;
    font-family: "SourceHanSerifCN";
    font-weight: 600;
    color: #0d2245;
    white-space: nowrap;
}

.buttons {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 28px;
    left: 0;
    right: 0;
}

.buttons a {
    display: inline-block;
    margin: 0 5px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: 1px solid rgb(255 123 2 / 80%);
    border-radius: 5px;
    color: #0d2245;
    transition: all .48s;
}

.buttons a.bg {
    background: #0d2245;
    color: #fff;
}

/*  */
.abFwZcItem:hover i {
    background: #0d2245;
}

.abFwZcItem:hover svg path {
    fill: #fff;
}



/* 网点 */
.abFwWl {
    background: #f6f8fa;
    overflow: hidden;
}

.abFwWlBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;

}

.abFwWlText {
    width: 40%;
}


.abFwWlImg {
    width: 45%;
    position: absolute;
    right: 10%;
    top: -10%;
    padding-top: 40%;
}

/*  */

.indWeb_txt {
    width: 100%;
    margin: 60px 0 60px;
}

.indWeb_txt li {
    display: inline-block;
    position: relative;
    padding: 20px 60px;
}

.indWeb_txt li:first-child {
    padding-left: 0;
}

.indWeb_txt li:last-child::after {
    display: none;
}

.indWeb_txt li::after {
    content: '';
    width: 1px;
    height: 90%;
    border-left: 1px solid rgba(0, 0, 0, .1);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.indWeb_txt svg {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    right: 20px;
    width: 58px;
    height: 58px;
    transition: all .48s;
}

.indWeb_txt li:hover svg {
    transform: translateY(-60%);
    transition: all .48s;
}

.indWeb_txt path {
    fill: #0d2245;
}

.indWeb_txt span {
    color: #0d2245;
    font-size: 52px;
    line-height: 1;
    margin-right: 4px;
    font-weight: 600;
    font-family: "SourceHanSerifCN";
}

.indWeb_txt i {
    line-height: 1;
    color: #0d2245;
    font-size: 16px;
}

.indWeb_txt p {
    font-size: 16px;
    margin-top: 0;
    letter-spacing: 1px;
}

/* 子公司 */

.conXsTop {
    width: 50%;
    display: flex;
    justify-content: space-between;
}

.conXsBot {
    width: 75%;
    display: flex;
}

.conXsItem {
    flex: 1;
    margin: 10px;
    padding: 30px 40px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: all .48s;
}

.conXsItem .img2 {
    display: none;
}

.conXs_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.conXs_tit span {
    font-size: 24px;
    font-weight: 500;
}

.conXs_tit i {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #fff;
}

.conXs_tit i img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 15%;
}

.conXs_ul {
    min-height: 110px;
}

.conXs_li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.conXs_li img {
    width: 16px;
    margin-right: 15px;
}

.conXs_li p {
    font-size: 14px;
}

/*  */
.conXs .conXsItem:hover {
    background: #0d2245;
}

.conXs .conXsItem:hover .img2 {
    display: block;
}

.conXs .conXsItem:hover .img1 {
    display: none;
}

.conXs .conXsItem:hover .conXs_tit span {
    color: #fff;
}

.conXs .conXsItem:hover .conXs_li p {
    color: #fff;
}

@media(max-width:1480px) {
    .conXsTop {
        width: 66.66%;
    }

    .conXsBot {
        width: 100%;
    }
}

@media(max-width:1200px) {

    .conXsItem {
        padding: 25px 25px;
    }
}

@media(max-width:1024px) {
    .conXsTop {
        width: 100%;
    }

    .conXsBot {
        flex-wrap: wrap;
    }

    .conXsBot .conXsItem {
        flex: initial;
        width: calc(50% - 20px);
    }

    .conXsItem {
        padding: 25px 25px;
    }
}

@media(max-width:680px) {
    .conXsTop {
        width: 100%;
        flex-wrap: wrap;
    }

    .conXsItem {
        width: 100% !important;
        margin: 5px 0;
    }
}



/* 下载中心 */
.abFwDownBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.abFwDown_li {
    width: calc(50% - 5px);
    border-radius: 20px;
    padding: 35px 30px 35px 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    margin-bottom: 12px;
    box-shadow: 0 0 3px rgb(0 0 0 / 10%);
    color: #333;
    position: relative;
    transition: all .48s;
}


.abFwDown_li .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 1 auto;
    font-size: 20px;
    padding-right: 50px;
    transition: all .48s;
}

.abFwDown_li .date {
    width: 200px;
    flex: 0 0 auto;
    font-family: "SourceHanSerifCN";
    font-weight: 600;
    transition: all .48s;
}


.abFwDown_li i svg {
    fill: #999;
    width: 30px;
    height: 30px;
    transition: all .48s;
}

/*  */
.abFwDown_li:hover {
    background-color: #fff;
    color: #0d2245;
    border-radius: 10px;
    border-bottom: 3px solid #0d2245;

}

.abFwDown_li:hover svg path {
    fill: #0d2245;
}

.abFwDown_li:hover .title {
    color: #0d2245;
}

.abFwDown_li:hover .date {
    color: #0d2245;
}

@media(max-width:1680px) {


    .dwNav {
        padding: 26px 0;
    }

    .pdwNav {
        padding: 26px 0;
    }

    /*  */
    .Tit .titP {
        font-size: 16px;
        margin-top: 30px;
    }

    .abFwZcBox {
        padding: 0 0%;
    }

    .abFwZcItem {
        width: calc(25% - 20px);
        padding: 60px 30px 90px;
    }

    .abFwZcItem i svg {
        width: 38px;
    }

    .abFwZcItem i {
        width: 80px;
        height: 80px;
    }

    .abFwZcItem span {
        font-size: 21px;
    }

    .abFwZcItem p br {
        display: none;
    }

    /*  */

    .indWeb_txt span {
        font-size: 42px;
    }

    .indWeb_txt {
        width: 100%;
        margin: 50px 0 95px;
    }

    .conXsItem {
        padding: 30px 30px;
    }

    /*  */
    .abFwDown_li {
        padding: 25px 30px;
    }

    .abFwDown_li .title {
        font-size: 18px;
    }
}

/* =================================================================能力开放 */

/* devres */
.deveWd {
    background: #fff;
}

.deveWdBox {
    min-height: 80vh;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 100px;
    position: relative;
}

.deveWdBox::after {
    content: '';
    width: 1px;
    height: calc(100% + 30px);
    border-left: 1px dashed #dadada;
    position: absolute;
    top: -25px;
    left: 400px;
}

.deveWdNav {
    width: 320px;
    min-height: 682px;
    opacity: 1;
}

.navigation_title {
    font-size: 36px;
    line-height: 1.6;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
}

.deveWdText {
    width: calc(100% - 40px) !important;
}

.deveWd_li {
    border-bottom: solid 1px #CDCDCD;
}

.deveWd_A {
    padding: 30px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.deveWd_A span {
    color: #323335;
    font-size: 16px;
    display: flex;
    align-items: center;
    transition: all .48s;
}

.deveWd_li i svg {
    width: 14px;
    height: 14px;
}

.deveWd_A span img {
    width: 24px;
    margin-right: 25px;
}

.deveWd_A span .img2 {
    display: none;
}


/*  */

.deveWd_B {
    width: 100%;
    padding: 0 0 20px 20px;
    cursor: pointer;
    display: none;
}

.deveWd_BLi p,
.deveWd_BXq .down {
    padding: 0 14px 0 55px;
}

.deveWd_B .deveWd_BLi p,
.deveWd_B .deveWd_BXq .down {
    height: 48px;
    line-height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.deveWd_B .deveWd_BLi p b,
.deveWd_B .deveWd_BXq .down b {
    font-size: 16px;
    transition: all .48s;
}


/*  */

.deveWd_C {
    width: 100%;
    cursor: pointer;
    display: none;
}

.deveWd_C a {
    display: flex;
    align-items: center;
    min-height: 48px;
    line-height: 1.4;

    padding-left: 70px;
    font-size: 16px;
}


/* 一级点击 */
.deveWd_li.on .deveWd_A span {
    color: #0d2245;
}

.deveWd_li.on .deveWd_A .img1 {
    display: none;
}

.deveWd_li.on .deveWd_A .img2 {
    display: inline-block;
}

.deveWd_li.on .deveWd_A i {
    transform: rotate(90deg);
}

/* 二级点击 */

.deveWd_BXq .down.on i {
    transform: rotate(90deg);
}

.deveWd_BLi.on p {
    color: #0d2245;
    background: linear-gradient(270deg, #ffe3ca 0%, #FFFFFF 120%, #FFFFFF 100%);
    border-right: 2px solid #0d2245;
}


/*  */

.deveWd_B.on {
    display: block;
}

.deveWd_B.on .deveWd_C {
    display: block;
}

.deveWd_C a.on {
    color: #0d2245;
    background: linear-gradient(270deg, #ffe3ca 0%, #FFFFFF 120%, #FFFFFF 100%);
    border-right: 2px solid #0d2245;
}


/* ========== */

.deveWdText {
    padding-left: 26px;
    border-left: 1px solid #E2E2E2;
}

.deveWdText h5 {
    display: block;
    font-size: 32px;
    font-weight: bold;
    color: #323335;
    margin-bottom: 40px;
}

.deveWdText span {
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 24px;
}

.deveWdText p {
    font-size: 16px;
    color: #323335;
    margin-bottom: 16px;
}

.deveWdText img {
    width: 100%;
}

.deveWdText video {
    width: 100%;
}


/*  */

.deveWd_fy {
    margin-top: 16px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.deveWd_fyItem span {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.deveWd_fyItem span a {
    font-size: 16px;
    padding: 0 4px;
}

.deveWd_fyItem span b {
    font-size: 16px;
}

.deveWd_fyR span b {
    padding-right: 4px;
}


/*  */
.deveWdTextBox {
    width: calc(100% - 480px);
}


/* devresC */
.devWt .inner {
    width: 78%;
    max-width: 1440px;
}

.devWt_li {
    display: block;
    border-radius: 20px;
    padding: 28px 30px;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    margin-bottom: 12px;
    box-shadow: 0 0 3px rgb(0 0 0 / 10%);
    color: #333;
    position: relative;
    transition: all .48s;
}

.devWt_Xq {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.devWt_li .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 1 auto;
    font-size: 20px;
    padding-right: 50px;
    transition: all .48s;
}

.devWt_li i svg {
    width: 40px;
    height: 40px;
    transition: all .48s;
}

.devWt_zk {
    padding-top: 10px;
    display: none;
}

.devWt_zk p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
}

/*  */
.devWt_li:hover {
    background-color: #fff;
    color: #0d2245;
    border-radius: 10px;
    border-bottom: 3px solid #0d2245;

}

.devWt_li:hover svg path {
    fill: #0d2245;
}

.devWt_li:hover .title {
    color: #0d2245;
}


/* devresB */
.devKf {
    background: #fff;
}

.devKfBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.devKfItem {
    width: calc(50% - 15px);
    background: #f6f8fa;
    border-radius: 20px;
    padding: 60px 60px 50px;
    margin-bottom: 30px;
}

.devKf_top {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.devKf_top img {
    width: 140px;
}

.devKf_text {
    width: calc(100% - 180px);
}

.devKf_text span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 0 0 15px 0;
}

.devKf_text p {
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}

.devKf_bot .More {
    display: inline-block;
    min-width: 188px;
    text-align: center;
    margin-right: 10px;
}

.devKf_bot a {
    display: inline-flex;
    min-width: 188px;
    text-align: center;
    font-size: 16px;
    padding: 14px 40px;
    border-radius: 8px;
    color: #fff;
    background: #b2b2b2;
    line-height: 1.4;
    letter-spacing: 2px;
    margin-right: 10px;
    transition: all .48s;
}

.devKf_bot a:hover {
    background: #0d2245;
}


/* =====================================================================新闻中心 */

.New .inner {
    border-top: 1px solid #e6e6e6;
}

.newItem {
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.newItem:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.newItem::after {
    content: '';
    width: 0;
    height: 1px;
    border-bottom: 1px solid #0d2245;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .68s;
}

.newItem:first-child {
    padding-top: 40px;
}

.newText {
    width: 60%;
}

.new_time {
    margin-bottom: 30px;
}

.new_time i {
    color: #333;
    font-family: "SourceHanSerifCN";
    font-weight: 600;
    font-size: 26px;
    line-height: 1;
    display: block;
}


.newItem span {
    font-size: 24px;
    font-weight: 600;
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.newItem p {
    font-size: 16px;
    line-height: 2;
    color: #999;
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newItem dl {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.newItem dl dd {
    font-size: 16px;
    color: #0d2245;
}

.newItem dl img {
    width: 14px;
    margin-left: 10px;
}

/*  */

.newImg {
    width: 35%;
    padding-top: 21%;
}

.newItem:hover .newImg img {
    transform: scale(1.1);
}

.newItem:hover span {
    color: #0d2245;
}

.newItem:hover::after {
    width: 100%;
}

@media(max-width:1680px) {
    .newItem {
        padding: 60px 0;
    }

    .new_time {
        margin-bottom: 18px;
    }

    .newItem span {
        font-size: 21px;
        margin-bottom: 20px;
    }

    .newItem dl dd {
        font-size: 14px;
    }

    .dwNav {
        padding: 26px 0;
    }

    .pdwNav {
        padding: 26px 0;
    }
}



/* ===================================================================== 解决方案 */

.solXqItem {
    padding: 60px 0;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.solXqItem i {
    font-size: 100px;
    font-weight: 600;
    line-height: 1;
    font-family: "SourceHanSerifCN";
    color: #0d2245;
    opacity: 0.16;
    position: absolute;
    right: 0;
    bottom: 60px;
}

.solXqText {
    width: 60%;
    position: relative;
    transition: all .48s;
}

.solXqItem span {
    font-size: 24px;
    font-weight: 600;
    display: block;
    margin-bottom: 30px;
    position: relative;
}

.solXqItem p {
    width: 90%;
    margin: 5px 0;
    font-size: 16px;
    line-height: 2;
    color: #999;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.solXqItem dl {
    margin-top: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.solXqItem dl dd {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    padding: 14px 40px;
    border-radius: 80px;
    color: #fff;
    background: #0d2245;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all .48s;
}

.solXqItem dl img {
    width: 14px;
    margin-left: 10px;
}

/*  */
.solXqItem:last-child {
    border-bottom: none;
}

.solXqImg {
    width: 35%;
    padding-top: 21%;
}

.solXqItem:hover .solXqText {
    transform: scale(0.95);
}


/* 最佳实践 */

.solCase {
    /*background: #f6f8fa;*/
    position: relative;
}

.solCaseBox .swiper-container{
    padding-bottom: 40px;
}

.solCaseBox  .swiper-pagination{
    bottom: 0;
}

.solCaseBox .swiper-pagination-bullet {
    background: rgb(255 122 3 / 36%);
}

.solCaseBox .swiper-pagination-bullet-active{
    background: #0d2245;
}

.solCase .Tit span {
    font-size: 40px;
}

.solCase .Tit p {
    font-size: 18px;
    margin-top: 30px;
}

.solCaseImg {
    padding-top: 56%;
    border-radius: 20px 20px 0 0;
    background: #fff;
}

.solCaseImg img {
    width: 100%;
    height: 100%;
    border-radius: 20px 20px 0 0;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.solCaseText {
    width: 100%;
    padding: 35px 45px;
    background-color: #fafafa;
    border-radius: 0 0 20px 20px;
    position: relative;
    transition: all .48s;
}

.solCaseText span {
    color: #333;
    font-size: 20px;
    display: block;
    margin: 10px 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.solCaseText p {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    min-height: 104px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}


@media(max-width:1480px) {

    .solXqItem span {
        font-size: 21px;
        margin-bottom: 20px;
    }

    .solXqItem p {
        width: 100%;
        margin: 5px 0;
        font-size: 14px;
    }

    .solXqItem dl {
        margin-top: 20px;
    }

    .solXqItem dl dd {
        font-size: 14px;
        padding: 10px 25px;
    }

    .solXqItem i {
        font-size: 68px;
        bottom: 40px;
    }

    .solXqItem {
        padding: 40px 0;
    }

    /*  */

    .solCaseText {
        width: 100%;
        padding: 30px 30px;
    }

    .solCaseText span {
        font-size: 18px;
        margin: 5px 0 12px;
    }

    .solCaseText p {
        font-size: 14px;
    }
}


/* ===============================================================================产品和技术 */

.ProBox {
    display: flex;
}

.ProItem {
    height: 60vh;
    flex: 1;
    margin-right: 10px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 1s;
}

.ProItem::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, transparent, rgb(255 122 3 / 60%));
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.ProItem:last-child {
    margin-right: 0;
}

.ProImg {
    width: 100%;
    height: 100%;
}

.ProImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .16);
    position: absolute;
    left: 0;
    top: 0;
}

.ProText {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.ProText h5 {
    font-size: 21px;
    font-weight: 600;
    writing-mode: vertical-lr;
    letter-spacing: 3px;
    color: #fff;
    position: absolute;
    left: 30px;
    top: 30px;
    transition: all .48s;
    font-family: 'SourceHanSerifCN','微软雅黑';
}

.ProZk {
    opacity: 0;
    width: 500px;
    position: absolute;
    left: 30px;
    bottom: 10%;
    transform: translateY(100%);
    transition: all .48s;
}

.ProZk span {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    transition: all .48s;
}

.ProZk p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    transition: all .48s;
}

.ProZk dd {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    padding: 14px 40px;
    border-radius: 80px;
    color: #fff;
    background: #0d2245;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all .48s;
}


.ProItem.on {
    flex: 5;
}

.ProItem.on .ProText {
    bottom: 50%;
    transform: translateY(50%);
}

.ProItem.on .ProText h5 {
    opacity: 0;
}

.ProItem.on .ProZk {
    opacity: 1;
    transform: translateY(0);
}

.ProItem.on::after {
    height: 0%;
}


@media(max-width:1480px) {
    .ProText h5 {
        font-size: 18px;
        left: 20px;
        top: 20px;
    }

    .ProZk span {
        font-size: 24px;
    }

    .ProZk p {
        font-size: 16px;
    }

    .ProZk {
        width: 300px;
        left: 25px;
        bottom: 5%;
    }

    .ProZk dd {
        font-size: 14px;
        padding: 10px 32px;
    }
}

/*  */


/* ============================================================================产品列表1 */

/* ============================================================================产品列表2 */

/* 手机弹窗 */

.deveWdNavM {
    width: 100%;
    padding: 20px 5%;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none;
}

.deveWdNavM span {
    font-size: 20px;
    color: #0d2245;
}

.deveWdNavM span img {
    width: 26px;
}

.deveWdNavM i {
    font-size: 18px;
    font-weight: 400;
}

.deveWdNavM i svg {
    width: 26px;
    height: 26px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

/*  */

.TabTcBox {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    display: none;
}

.TabTc {
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
    transform: translateX(120%);
    transition: all 1s;
}

.TabTcClose {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.TabTcXq {
    width: 85%;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.TabTcTop {
    width: 100%;
    height: 100vh;
    display: block;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    padding: 15vw 8% 10vw;
    overflow-y: auto;
    margin-bottom: 100px;
}

.TabTc_li {
    margin-bottom: 28px;
}

.TabTc_li span {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
}

/* .TabTc_li p {
    display: flex;
    flex-wrap: wrap;
} */

.TabTc_li p i {
    font-size: 16px;
    font-weight: 400;
    display: block;
    padding: 2px 8%;
    color: #666;
    margin-bottom: 5px;
}

.TabTc_li p i.on {
    color: #0d2245;
}

.TabTcBot {
    width: 90%;
    padding: 15px 0;
    border-top: 1px solid #ededed;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 5%;
    bottom: 0;
    background: #fff;
    z-index: 2;
}

.TabTcBot a {
    padding: 2vw 0;
    font-size: 26px;
    border-radius: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Tab_cz {
    width: 30%;
    border-radius: 2px;
    border: 1px solid #333;
    cursor: pointer;
    color: #333;
}

.Tab_qd {
    background: #333;
    margin-left: 20px;
    width: calc(70% - 20px);
    color: #fff;
}

@media (max-width: 680px) {
    .TabTcBot a {
        font-size: 16px;
    }
}

.TabTc.on {
    transform: translateX(0);
    transition: all 1s;
}

/*  */


.product .deveWd_li.on .deveWd_A i {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}

.product .deveWd_A span {
    font-size: 20px;
}

.product .deveWd_li i {
    width: 20px;
    height: 20px;
    transition: all .48s;
}

.product .deveWd_li i img {
    width: 100%;
}

.product .deveWd_li i .img2 {
    display: none;
}

.product .deveWd_li.on .img2 {
    display: block;
}

.product .deveWd_li.on .img1 {
    display: none;
}

.product .deveWd_B .deveWd_BLi {
    margin-bottom: 12px;
    display: block;
}

.product .deveWd_B .deveWd_BLi p b {
    font-size: 18px;
    height: 54px;
    line-height: 54px;
}

.product .deveWd_BLi.on p {
    color: #0d2245;
    background: linear-gradient(0deg, #ffe3ca 0%, #FFFFFF 120%, #FFFFFF 100%);
    background: none;
    border-right: none;
    border-radius: 8px;
}

.product .deveWd_li .deveWd_BLi i {
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #919191;
    position: relative;
}

.product .deveWd_BLi.on i {
    color: #0d2245;
    border-color: #0d2245;
}

.deveWd_BLi.on i::after {
    display: block;
    content: "\2713";
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: white;
    line-height: 12px;
    background: #0d2245;
}

/*  */


.deveTit {
    margin-bottom: 40px;
}

.deveTit span {
    font-size: 24px;
    font-weight: 600;
}

.deveBody span {
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
}

.deveBody p {
    padding-left: 30px;
    font-size: 16px;
    color: #999;
}

.deveDt p img {
    width: 60%;
    margin-top: 20px;
}

.deveDt {
    margin-bottom: 30px;
}

/*  */

.proInfoBXq {
    display: flex;
    flex-wrap: wrap;
}

.proInfoBItem {
    width: calc(33.33% - 30px);
    padding: 25px 0;
    margin-right: 30px;
    margin-bottom: 30px;
    border: 1px solid #CAD2E0;
    position: relative;
}

.proInfoBItem:nth-child(3n) {
    margin-right: 0;
}

.proInfoBItem::before {
    content: "";
    z-index: 1;
    display: block;
    width: 0%;
    height: 2px;
    background: #0d2245;
    position: absolute;
    left: 0;
    top: 0;
    transition: ease 1s;
}

.proInfoBItem::after {
    content: "";
    z-index: 1;
    display: block;
    width: 0%;
    height: 2px;
    background: #0d2245;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: ease 1s;
}

.proInfoBItem .i1 {
    z-index: 1;
    display: block;
    width: 2px;
    height: 0;
    background: #0d2245;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: ease 1s;
}

.proInfoBItem .i2 {
    z-index: 1;
    display: block;
    width: 2px;
    height: 0;
    background: #0d2245;
    position: absolute;
    right: 0;
    top: 0;
    transition: ease 1s;
}




.proInfoBImg {
    padding-top: 76%;
}

.proInfoBImg img {
    object-fit: contain;
    transition: all 1s;
}

.proInfoBText {
    width: 100%;
    padding: 20px 0 10px;
}

.proInfoBText span {
    display: block;
    text-align: center;
    font-size: 21px;
    color: #333;
}

/*  */

.proInfoBItem:hover .proInfoBImg img {
    transform: scale(1.1);
}

.proInfoBItem:hover .proInfoBText span {
    color: #0d2245;
}

.proInfoBItem:hover::before {
    width: 100%;
}

.proInfoBItem:hover::after {
    width: 100%;
}

.proInfoBItem:hover .i1 {
    height: 100%;
}

.proInfoBItem:hover .i2 {
    height: 100%;
}



/* ============================================================================产品详情2 */

.section .inner {
    width: 78%;
    max-width: 1440px;
}

.solTit {
    margin-bottom: 60px;
}

.solTit.center {
    text-align: center;
}

.solTit span {
    display: block;
    font-size: 40px;
    font-weight: 600;
}


/*  */

.ProBJj {
    position: relative;
}

.ProBJj::before {
    content: '';
    width: 480px;
    height: 340px;
    background: url(../images/ProBJj_1.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: 0;
}

.ProBJj::after {
    content: '';
    width: 360px;
    height: 360px;
    background: url(../images/ProBJj2.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 18%;
    top: 14%;
}

.ProBJjBox {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}

.ProBJjText {
    width: 50%;
    padding-right: 10;
}

.ProBJjText i {
    font-weight: 600;
    font-size: 24px;
    color: #0d2245;
    display: inline-block;
    padding: 4px 30px;
    background: #fff2e5;
    border-radius: 10px;
    margin-bottom: 20px;
}

.ProBJjText dl {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.ProBJjText dl dd {
    width: 50%;
    margin: 12px 0;
    font-size: 18px;
}

.ProBJjImg {
    width: 40%;
    padding-top: 38%;
}


/*  */
.proXqCj {
    background: #f3f5f8;
}

.proXqCj .inner {
    width: 90%;
    max-width: none;
}

.proXqCjBox {
    width: 100%;
    display: flex;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.proXqCjBox::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(255 122 3 / 18%);
    position: absolute;
    left: 0;
    top: 0;
}

.proXqCjImg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.proXqCjImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}

.proXqCjImg img:first-child {
    display: block;
}

.proXqCj_li {
    height: 100%;
    flex: 1;
    border-right: 1px solid rgb(255 255 255 / 26%);
    position: relative;
    padding-top: 38.5%;
    transition: all .48s;
    z-index: 2;
}

.proXqCj_li::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(255 122 3 / 48%);
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all .48s;
}

.proXqCj_li:last-child {
    border-right: none;
}

.proXqCj_li i {
    position: absolute;
    left: 70px;
    top: 70px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    z-index: 2;
    display: none;
}

.proXqCj_li .txt {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .48s;
    z-index: 2;
}

.proXqCj_li .txt img {
    height: 50px;
    object-fit: contain;
    margin-bottom: 25px;
}

.proXqCj_li .txt span {
    display: block;
    color: #fff;
    font-size: 20px;
    position: relative;
    padding-bottom: 10px;
}

.proXqCj_li .txt span::after {
    content: '';
    width: 28px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .48s;
}


.proXqCj_li:hover::after {
    opacity: 1;
}

.proXqCj_li:hover .txt {
    transform: translate(-50%, 0%);
}

.proXqCj_li:hover .txt span::after {
    opacity: 1;
}


/*  */

.ProBLd {
    position: relative;
}

.ProBLd::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/ProBLd_bg.png) no-repeat;
    background-size: cover;
    background-position: right;
    position: absolute;
    left: 0;
    top: 0;
}

.ProBLdBox {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.ProBLd .solTit {
    position: relative;
    z-index: 2;
}

.ProBLdItem {
    width: calc(33.33% - 25px);
    margin-right: 25px;
    margin-bottom: 25px;
    border-radius: 10px;
    background: #fff;
    padding: 60px;
    text-align: center;
    position: relative;
}

.ProBLdItem::after {
    content: '';
    width: 0%;
    height: 4px;
    background: #0d2245;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .68s;
}

.ProBLdItem:nth-child(3n) {
    margin-right: 0;
}

.ProBLdItem img {
    width: 40px;
}

.ProBLdItem span {
    margin: 30px 0 15px;
    display: block;
    font-size: 24px;
}

.ProBLdItem p {
    font-size: 16px;
    line-height: 1.8;
}


/*  */
.ProBLdItem:hover::after {
    width: 80%;
}



/* 解决方案 */



/*  */
.ProBCs {
    background: #fff;
}

.ProBCsBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ProBCs_li {
    width: 47%;
    padding: 30px 0;
    border-bottom: 1px solid #c5c6c8;
    display: flex;
    align-items: flex-start;
}

.ProBCs_li span {
    display: block;
    width: 200px;
    padding-left: 10px;
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
    position: relative;
}

.ProBCs_li span::after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ProBCs_li p {
    width: calc(100% - 200px);
}

.ProBCs_li p i {
    display: block;
    font-size: 18px;
    padding-right: 30px;
}


/*  */
.ProBPj {
    background: #f6f8fa;
}

.ProBPjBox .swiper-slide {
    padding: 15px;
}

.ProBPjItem {
    background: #eeeeee;
    position: relative;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgb(255 122 3 / 15%);
}

.ProBPjImg {
    padding-top: 76%;
    border-radius: 20px 20px 0 0;
}

.ProBPjImg img {
    object-fit: contain;
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
    border-radius: 20px 20px 0 0;
}

.ProBPjText {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 20px 0;
    text-align: center;
    border-radius: 0 0 20px 20px;
}

.ProBPjText span {
    display: block;
    text-align: center;
    font-size: 21px;
    color: #333;
}

/*  */

.ProBPjItem:hover .ProBPjImg img {
    transform: scale(1.1);
}

.ProBPjItem:hover .ProBPjText span {
    color: #0d2245;
}

.ProBPjItem:hover::before {
    width: 100%;
}

.ProBPjItem:hover::after {
    width: 100%;
}

.ProBPjItem:hover .i1 {
    height: 100%;
}

.ProBPjItem:hover .i2 {
    height: 100%;
}


/*  */
@media(max-width:1480px) {
    .solTit {
        margin-bottom: 30px;
    }

    .solTit span {
        font-size: 32px;
    }

    .ProBJjText i {
        font-size: 20px;
        padding: 3px 20px;
        margin-bottom: 10px;
    }

    .ProBJjText dl dd {
        font-size: 16px;
        margin: 8px 0;
    }

    .ProBJjText dl {
        width: 80%;
    }

    /*  */

    .proXqCj_li .txt img {
        height: 40px;
        margin-bottom: 18px;
    }

    .proXqCj_li .txt span {
        font-size: 18px;
    }

    .proXqCj_li:hover .txt {
        transform: translate(-50%, -20%);
    }

    /*  */
    .ProBLdItem {
        width: calc(33.33% - 15px);
        margin-right: 22px;
        margin-bottom: 20px;
        padding: 45px;
    }

    .ProBLdItem img {
        width: 35px;
    }

    .ProBLdItem span {
        margin: 20px 0 10px;
        display: block;
        font-size: 20px;
    }

    .ProBLdItem p {
        font-size: 14px;
        line-height: 1.8;
    }

    /*  */

    .ProBSolC_li p i {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .ProBSolC_li span i::after {
        width: 30px;
        height: 30px;
    }

    .ProBSolC_text h5 {
        font-size: 32px;
        margin-bottom: 25px;
    }

    /*  */

    .ProBCs_li {
        padding: 22px 0;
    }

    .ProBCs_li span {
        width: 180px;
        font-size: 18px;
    }

    .ProBCs_li p i {
        font-size: 16px;
        padding-right: 20px;
    }

    /*  */
    .ProBPjBox .swiper-slide {
        padding: 10px;
    }
}


/* ====================================================================产品详情1 */

.proXqJjBox {
    /* background: #f6f8fa;
    padding: 80px 15%; */
    border-radius: 20px;

    width: 78%;
    margin: 0 auto;
}

.proXqJj_text {}

.proXqJj_text span {
    display: block;
    font-size: 26px;
    margin-bottom: 10px;
    color: #0d2245;
}

.proXqJj_text p {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    line-height: 1.8;
    margin-bottom: 40px;
}
.proXqJj_img{
    text-align: center;
}

.proXqJj_img img {
    width: 60%;
    /*border-radius: 20px;*/
    margin-top: 40px;
}

.proXqJj_video{
    position: relative;
}

.proXqJj_video video{
    width: 100%;
    margin-top: 40px;
}

.proTit {
    margin-bottom: 60px;
}

/*.proTit.center {*/
/*    text-align: center;*/
/*}*/

.proTit span {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
}

.proTit p {
    width: 80%;
    margin: 40px auto 0;
    font-size: 18px;
    font-weight: 400;
    color: #666;
    line-height: 2;
    letter-spacing: 2px;
}

/*  */

.proXqLd {
    background: #f6f8fa;
}

.proXqLdBox {
    display: flex;
    justify-content: space-between;
}

.proXqLdL {
    width: 50%;
}

.proXqLdL .proTit {
    width: 100%;
}

.proXqLd_div {
    width: 100%;
    height: 38vh;
    overflow-y: scroll;
}

.proXqLd_dl {
    /* display: flex;
    justify-content: space-between; */
    padding-bottom: 40px;
    cursor: pointer;
    position: relative;
}

.proXqLd_dl:hover .proXqLd_s span{
    color: #0d2245;
}

/* .proXqLd_dl::after {
    content: '';
    width: 1px;
    height: 110%;
    border-left: 1px solid #ddd;
    position: absolute;
    left: 220px;
    top: 50%;
    transform: translateY(-50%);
} */

.proXqLd_s {
    width: 220px;
    width: 100%;
    padding-right: 40px;
    position: relative;
    margin-bottom: 10px;
}

.proXqLd_s span {
    display: block;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    transition: all .48s;
}

.proXqLd_dl.on span {
    color: #0d2245;
}

/* .proXqLd_dl.on .proXqLd_s::after {
    content: '';
    width: 1px;
    height: 50px;
    border-right: 2px solid #0d2245;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
} */

.proXqLd_p {
    width: calc(100% - 220px);
    width: 90%;
    padding-left: 40px;
    position: relative;
}

.proXqLd_p p {
    width: 100%;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    color: #666;
}


/* .proXqLd_dl.on p {
    color: #0d2245;
} */

/*  */

.proXqLdR {
    width: 45%;
}

.proXqLdR .swiper-container {
    padding-bottom: 40px;
}

.proXqLdR .swiper-slide {
    opacity: 0 !important;
}

.proXqLdR .swiper-slide-active {
    opacity: 1 !important;
}

.proXqLdR_img {
    background: #fff;
    padding-top: 68%;
    border-radius: 20px;
}

.proXqLdR_img img {
    width: 90%;
    height: 80%;
    left: 5%;
    top: 10%;
    object-fit: contain;
}

.proXqLdR .swiper-pagination {
    bottom: 0;
}

.proXqLdR .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #e2e3e5;
}

.proXqLdR .swiper-pagination-bullet-active {
    background: #0d2245;
}


/*  */

@media(max-width:1480px) {

    .proXqJj_text span{
        font-size: 24px;
    }
    .proXqJj_text p {
        font-size: 16px;
    }

    .proTit span {
        font-size: 36px;
    }

    .proTit p {
        margin: 20px auto 0;
        font-size: 16px;
        letter-spacing: 1px;
    }

    /*  */
    .proXqLd_s span {
        font-size: 18px;
    }

    .proXqLd_p p {
        font-size: 16px;
    }
}



/* ================================================================================解决方案详情 */

.solTs .solTit {
    margin-bottom: 30px;
}

.solTit {
    margin-bottom: 60px;
}

.solTit.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.solTit span {
    display: block;
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
}

.solTit p {
    width: 70%;
    font-size: 18px;
    margin: 20px 0 0;
}

.solTit.center {
    text-align: center;
}

/* .soluInfoBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

.soluInfoAL {
    width: 100%;
    margin-bottom: 20px;
}

.soluInfoAL span {
    font-size: 28px;
    color: #0d2245;
    display: block;
    margin-bottom: 20px;
}

.soluInfoAL p {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    line-height: 1.8;

}

/*  */

.soluInfoAR {
    width: 48%;
}

.soluInfoAR_img {
    padding-top: 50%;
    border-radius: 20px;
    transition: all .48s;
}


.soluInfoAR p {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #666;
    margin-top: 30px;
}

/*  */

.soluInfoAR_img:hover {
    transform: scale(1.05);
}


/*  */
.solTs {
    background: #f6f8fa;
}

.solTs .solTit {
    align-items: flex-end;
}

.solTsChange {
    width: 50%;
    padding-right: 8%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.solTs_ul span {
    display: inline-block;
    border-radius: 80px;
    background: #fff;
    font-size: 16px;
    padding: 14px 40px;
    color: #0d2245;
    margin-right: 15px;
    cursor: pointer;
    transition: all .48s;
}

.solTs_ul span.on {
    color: #fff;
    background: #0d2245;
}

.solTsItem {
    position: relative;
    overflow: hidden;
}

/*  */
.solTs .swiper-slide {
    opacity: 0 !important;
}

.solTs .swiper-slide-active {
    opacity: 1 !important;
}

.solTsImg {
    width: 100%;
    border-radius: 20px;
    transition: all .48s;
    text-align: center;
}

.solTsImg img {
    width: 80%;
    /*height: 50vh;*/
    object-fit: contain;
    border-radius: 20px;
    position: initial;
}


.solTsText {
    width: 100%;
}

.solTsText span {
    display: block;
    font-size: 26px;
    color: #0d2245;
    margin-bottom: 20px;
    position: relative;
}

.solTsText span i {
    color: #0d2245;
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    font-family: "SourceHanSerifCN";
    opacity: 0.8;
    position: relative;
    top: 2px;
    margin-right: 4px;
}

.solTsText p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
}

/*  */
.solTs_but {
    padding-right: 0;
}

.solTs_but a {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #0d2245;
    margin-left: 10px;
    transition: all .48s;
}

.solTs_but a.prev {
    transform: rotateY(180deg);
}

.solTs_but img {
    width: 22px;
}

/* sbjg */

.solTsItem:hover::after {
    width: 100%;
}

.solTs_ul span:hover {
    color: #fff;
    background: #0d2245;
}

.solTsItem:hover .solTsImg {
    transform: scale(0.98);
}

.solTs_but a:hover {
    background: #0d2245;
}


/* 优势价值 */

.soluInfoC {
    background: #fff;
    background: url(../images/soluInfoC.jpg) no-repeat;
    background-size: cover;
}

.soluInfoC .solTit span {
    color: #fff;
}

.soluInfoC .solTit p {
    width: 60%;
    color: #fff;
}

.soluInYsImg {
    width: 100%;
    padding-top: 37%;
    border-radius: 20px;
    margin-bottom: 30px;
}

.soluInYsText{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -40px;
}

.soluInfoC_item {
    width: calc(33.33% - 34px);
    margin-right: 50px;
    margin-bottom: 40px;
    padding-top: 30px;
    position: relative;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
}

.soluInfoC_item:nth-child(3n){
    margin-right: 0;
}

.soluInfoC_text span {
    font-size: 26px;
    line-height: 1;
    color: #fff;
    display: block;
    margin-bottom: 20px;
}

.soluInfoC_text p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.8;
    min-height: 115px;
    margin-bottom: 20px;
}

.soluInfoC_text a {
    display: inline-flex;
    align-items: center;
    color: #0d2245;

}

.soluInfoC_text a img {
    width: 24px;
    margin-left: 5px;
}


.soluInYsImg:hover img {
    transform: scale(1.1);
}


/*  */

@media(max-width:1480px) {

    .soluInfoAL span {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .soluInfoAL p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    /*  */

    /* .solTs {
        padding-left: 10% !important;
    } */

    .solTit {
        margin-bottom: 40px;
    }

    .solTit span {
        font-size: 36px;
    }

    .solTit p {
        font-size: 16px;
        margin: 15px 0 0;
    }

    .solTsChange {
        width: 50%;
        padding-right: 5%;
    }

    .solTs_ul span {
        font-size: 14px !important;
        padding: 10px 25px;
        margin-right: 10px;
    }

    /*  */

    .soluInfoC_text span {
        font-size: 21px;
        margin-bottom: 15px;
    }

    .soluInfoC_text p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    /*  */

    .solCaseText {
        width: 100%;
        padding: 30px 30px;
    }

    .solCaseText span {
        font-size: 18px;
        margin: 5px 0 12px;
    }

    .solCaseText p {
        font-size: 14px;
    }
}

@media(max-width:1368px) {
    .solTsText span {
        font-size: 21px;
    }

    .solTsText span i {
        font-size: 26px;
        top: 2px;
    }

    .solTsText p {
        font-size: 16px;
    }

    .indSol_but {
        margin: 30px 0 50px;
    }
}

@media(max-width:680px) {
    .js_solkq {
        opacity: 0;
    }

    .solTsText span {
        font-size: 18px;
    }

    .solTsText span i {
        font-size: 22px;
        top: 2px;
        margin-right: 4px;
    }

    .solTsText p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .solTsBox .swiper-pagination {
        width: 60% !important;
    }

    .indSol_but {
        margin: 20px 0 40px !important;
    }
}

.blog-area {
    padding: 109px 0 122px;
}


.blog-area.blog-grid {
    padding: 10px 0 35px;
}

.blog-area .section-desc-1 p {
    margin-top: 59px;
}

.richText {
    padding: 20px 50px;
    text-align: left;
}